Inicio » Blog » Bootstrap

TUTORIALES DE BOOTSTRAP

Diseño con Bootstrap para crear páginas web responsivas, ejemplos de plantillas para crear proyectos web elegantes y funcionales

Diseño con Bootstrap para crear páginas web responsivas

Publicaciones

Centrar un Div con Bootstrap

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

284227 visitas | Redactado hace 2 meses

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 💻✨

88910 visitas | Redactado hace 3 meses

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

24143 visitas | Redactado hace 3 meses

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ú

21324 visitas | Redactado hace 5 años

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

19364 visitas | Redactado hace 7 meses

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.

12825 visitas | Redactado hace 5 años

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.

9924 visitas | Redactado hace 4 años

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

9713 visitas | Redactado hace 4 años

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

9019 visitas | Redactado hace 5 años

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

7174 visitas | Redactado hace 5 años

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.

6491 visitas | Redactado hace 4 años

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:

1553 visitas | Redactado hace 1 año