Bootstrap 4

Bootstrap es un fantástico marco para la creación de sitios y aplicaciones receptivas para dispositivos móviles. En su interior encontrarás HTML, CSS y JavaScript de alta calidad para facilitar el inicio de cualquier proyecto.

Bootstrap 4 es una reescritura importante de todo el proyecto. Actualmente está en fase Beta. Esperamos que no tarde mucho en salir una versión final o estable. 

Esta nueva versión tiene cambios notables que afectarán en algunos casos a las maquetaciones realizadas con la versión anterior (3.x), seguidos por cambios más específicos a los componentes relevantes. Por ese motivo Bootstrap nos facilita una guía para migrar de la versión 3.x a 4.x. Revisa toda la documentación para migrar a Bootstrap 4

En la siguiente captura puedes visualizar la nueva cuadrícula donde se puede observar que aparece un elemento más además de cambiarse los tamaños de los mismos.

Cambios más significativos

  • Se agregó un nuevo punto de corte para la cuadrícula de 576px como sm, lo que significa que ahora hay cinco niveles totales (xs, sm, md, lg y xl).
  • Bootstrap aún requiere jQuery 1.9.1 o superior, pero se recomienda utilizar la versión 3.x ya que tiene algunas correcciones de seguridad.
  • Mejora importante en los componentes, mucho más modernos y estables ahora.
  • Sistema de cuadrícula (Grid system) Movido a flexbox.
  • Se agregaron clases de utilidad de flexbox para el sistema de grillas y los componentes.
  • Como parte de flexbox, ahora se incluye soporte para clases de alineación vertical y horizontal.
  • Se han cambiado el nombre de las clases de modificador de la cuadrícula de .col- {punto de corte} – {modificador} – {tamaño} a. {modificador} – {punto de corte} – {tamaño} para clases de cuadrícula más simples.
  • Nuevas clases para las imágenes. Por ejemplo, la clase .img-responsive cambia a .img-fluid.
  • Mejora para las tablas en dispositivos pequeños. Las tablas ahora tienen clases para cada punto de la cuadrícula (grid). Ahora puede usar .table-responsive o .table-responsive- {sm, md, lg, xl} según sea necesario.
  • Nuevas clases para la implementación de formularios, botones, grupo de botones, etc.
  • Mejoras interesantes en las listas desplegables.
  • Las clases para ocultar contenidos en según que pantallas desaparecen. Ahora son reemplazadas por otro tipo de clases o en su defecto hay que utilizar display:none
  • etc
  • Ver todos los cambios realizados y descargar nueva versión

Bootstrap es ideal para los programadores que no les gusta la maquetación o están centrados más en la programación en sí y no desean perder mucho tiempo en diseñar y maquetar el aspecto de los elementos de una Web. Aunque este marco es espectacular, no va a quitar que se tenga que aplicar algunos estilos personalizados para conseguir algunos efectos o aspectos.

¿Y has probado esta versión 4.0 de Bootstrap? Explícanos tu impresión…

Autor
Escrito por Jose Aguilar - Experto programador Prestashop y Wordpress.
Te ha servido? Valora esta entrada!
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (1 votos, promedio: 5,00 de 5)
Cargando…
Comparte en las redes sociales

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre