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 - Experto programador Prestashop y Wordpress.
Te ha servido? Valora esta entrada!
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (5 votos, promedio: 4,40 de 5)
Cargando…
Comparte en las redes sociales

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

  1. Luis Enrique dice:

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

  2. carloslhg dice:

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

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