Tutoriales de
BOOTSTRAP

Cómo Centrar un Div Horizontalmente con Bootstrap: Guía Completa

Para centrar divs con Bootstrap textos, botones, forms usamos clases o reglas definidas para la alineación como align-self-center, justify-content-center

293338 hace 9 meses

Leer

Formas de Integrar Bootstrap en una Página Web: Guía Completa

Integrar Bootstrap en tu web usando CDN, instalación local o npm. Aprende paso a paso con ejemplos prácticos para proyectos modernos y responsivos 💻✨

93990 hace 9 meses

Leer

Cómo centrar el menú y los elementos del submenú de navegación con Bootstrap

Centrar un menú de navegación y sus submenús utilizando Bootstrap y CSS personalizado. Este tutorial te guiará para crear un diseño limpio, profesional y responsivo

26203 hace 9 meses

Leer

Barra de navegación responsive con Bootstrap

Bootstrap viene integrado con gran cantidad de recursos que podemos implementar en nuestros proyectos web, ahora veremos como implementar un menú

22909 hace 9 meses

Leer

Cambiar el orden de las columnas

Para cambiar las columnas agregar la clase order-* desde 1 hasta 12, podemos jugar con los distintos tamaños sm, md y lg en esta ocasión veremos un ejemplo

20912 hace 1 año

Leer

Tarjetas personalizables con Bootstrap

Crear tarjetas para presentar productos o información para tu pagina web totalmente responsive y logra personalizar fácilmente con Bootstrap en tu pagina.

14085 hace 7 años

Leer

Diseño de un carrusel con formulario

Para diseñar un formulario responsive encima de un carrusel de imágenes usando Bootstrap 4.5 vamos a usar las propiedades de la clase Card, veamos.

11292 hace 6 años

Leer

Bootstrap VS Tailwind CSS

Una de las más importantes es la capacidad de personalizar estilos únicos, la velocidad en el desarrollo y el poco peso de 27kb frente a los mas de 368kb

10687 hace 5 años

Leer

Crear un Slider de imágenes con [Bootstrap]

Crear un carrusel de imágenes en Bootstrap 5.3 es bastante sencillo gracias a los componentes listos para usar que proporciona Bootstrap. Aquí te dejo un ejemplo básico de cómo crear un carrusel de imágenes utilizando Bootstrap 5.3

10005 hace 7 años

Leer

Crea un modal personalizado con Bootstrap

Agrega un Modal a tu pagina web y olvídate de los modales por defecto que te da el navegador, puedes personalizarlos como tu quieras sin mucho código

8025 hace 9 meses

Leer

Div flotante en Bootstrap que sigue el scroll

Para crear un div flotante que siga el scroll podemos usar la clase sticky-top en una columna, veamos como implementarla en una página web.

7340 hace 5 años

Leer

Optimizar el CSS y JS Bootstrap de una página web con ViteJS

La optimización de archivos CSS y JS en una página web, ya sea utilizando ViteJS u otras herramientas, ofrece una serie de beneficios que impactan directamente en el rendimiento, la experiencia del usuario y otros aspectos del desarrollo web. Aquí algunos de los beneficios más destacados:

2428 hace 2 años

Leer

Creación de un Dashboard Administrativo con Bootstrap

Aprende a diseñar un dashboard administrativo con Bootstrap paso a paso. Descubre cómo usar sus componentes y cuadrícula para crear un panel responsivo y profesional.

2304 hace 1 año

Leer

Cómo Poner un Texto Sobre una Imagen Usando Bootstrap

Aprende cómo poner texto sobre una imagen usando Bootstrap. Guía paso a paso con ejemplos prácticos para crear diseños responsivos y atractivos.

1909 hace 1 año

Leer

Crear un formulario profesional con Bootstrap

crear formularios profesionales, accesibles y responsivos utilizando Bootstrap. Esta guía detallada te enseñará cómo estructurar, validar y personalizar formularios

1894 hace 1 año

Leer

Cómo integrar Bootstrap con frameworks de JavaScript

integrar Bootstrap con frameworks de JavaScript como React, Angular y Vue.js. Esta guía paso a paso te enseñará a combinar las potentes herramientas de Bootstrap

1402 hace 1 año

Leer

Optimización de Sitios Web con Bootstrap para SEO

Cómo optimizar tu sitio web desarrollado con Bootstrap para SEO. Aprende técnicas de estructura, velocidad, metaetiquetas y más para posicionar en Google. ¡Guía práctica

996 hace 1 año

Leer