Maquetación Web con bootstrap Responsive Design

Bootstrap es un framework desarrollado por Twitter que simplifica el proceso de creación de diseños Webs combinado con CSS y Javascript. Si eres un programador que no tiene mucho estilo para el diseño, Bootstrap Twitter podría ser tu framework para no tocar ni una linea de código CSS.

bootstrap_logo

Una de las principales ventajas de este framework es que podemos crear interfaces que se adapten a los distintos navegadores y dispositvos. No te tienes que romper la cabeza en ver que sucede con una maquetación propia en los navegadores conflictivos como Internet Explorer 8 ni te tienes que preocupar siquiera de la maquetación en responsive porque ya viene prediseñada. Además, presenta una interfaz bastante agradable para la vista.

Características principales

  • Uso de responsive web design.
  • Uso de estándares HTML5 y CSS3.
  • Sistema de grillas con 12 columnas.
  • Integración fácil con librerías como jQuery.
  • Utilización de Less – el lenguage de hojas de estilo dinámico.

La características más especial y que es realmente necesario entender es su sistema de grillas o retícula fluida pensada para móviles y que cumple con el diseño Web responsive. Esta retícula crece hasta 12 columnas a medida que crece el tamaño de la pantalla del dispositivo.

boopstrap-responsive

El sitema de grillas está basado en filas y columnas donde las columnas van a ser vitales para el diseño Web responsive con media queries.

Ver demostración del sistema de grillas

Ver más documentación en español para empezar a trabajar con Bootstrap

Descargar última versión de Bootstrap

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (4 votos, promedio: 4,25 de 5)
Cargando…

Comparte en las redes sociales

Escrito por Jose Aguilar - Experto programador Prestashop y Wordpress.

2 comentarios para “Maquetación Web con bootstrap Responsive Design

Deja un comentario

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

*