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

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(5 votos, promedio: 5 de 5)
Comparte en las redes sociales

4 respuestas a “Maquetación Web con bootstrap Responsive Design”

  1. carloslhg dice:

    podrias hacer un articulo sobre la maquetacion para OJS ya que este sistema utiliza temas compilados que se pueden maquetear con bootstrap

  2. Luis Enrique dice:

    man como se modifica si dentro de la descarga no hay un index.html

Deja una respuesta

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