Diseño de páginas web con Bootstrap

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

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

Integrar Bootstrap en una página web

Veremos como integrar fácilmente el framework Bootstrap en una página web, sin descargar nada ya que todo se hará a través de enlaces de peticiones vía CDN

Menu navbar centrado Bootstrap

Para centra usamos la clase mx-auto en la lista ul del menu de navegación que por default nos proporciona el framework de diseño web responsive bootstrap.

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ú

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

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.

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.

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

Crear un carrusel de imágenes

Para diseñar un Carousel en tu sitio web y aprovecha este elemento para potenciar algún mensaje dentro de tu pagina web con ayuda de la librería Bootstrap