Versión 4 de Bootstrap

Aunque ya ha pasado casi un año desde el lanzamiento de la versión 4 de Bootstrap, hasta ahora no había tenido la oportunidad de dedicarle unas líneas a esta librería de diseño de páginas web.

A base de utilizarla, más me gustan los cambios y novedades que introduce con respecto a su predecesora, la versión 3.

A diferencia de otras librerías e incluso de su versión anterior, Bootstrap 4 se encuentra orientada en primer lugar al diseño en smartphones, es decir, la definición de las columnas se hace partiendo del tamaño se hace xs-sm-md-lg y no al revés como venía ocurriendo hasta ahora.

De este modo, para definir una columna que ocupe toda la pantalla en smartphones y solo dos columnas en pantallas grandes, hacemos col-12 col-sm-6 col-md-4 col-lg-2, por ejemplo. Esto hace que el diseño sea mucho más rápido pues podemos hacer un col-12 col-md-2 que significaría toda la pantalla en xs y sm y 2 columnas a partir de md. Más fácil.

Otro de los aspectos que me ha gustado es la mejora en los carrusels, las diferentes combinaciones para los botones y las clases display de 1 a 4 para hacer el texto aún más impresionante.

La barra de navegación también resulta más sencilla de utilizar en esta versión y con más posibilidades.

En definitiva me parece un paso adelante positivo. Una herramienta magnífica para el desarrollo de proyectos Web.

Más en la Web de Bootstrap.