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 toc

10/05/2014

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

4 comentarios

Luis Enrique
Publicado el 03/08/2015 18:04

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

Jose Aguilar
Publicado el 04/08/2015 20:23

El archivo index.html ya lo debes crear tu con la maquetación que te interese.

carloslhg
Publicado el 05/01/2018 00:50

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

Jose Aguilar
Publicado el 19/01/2018 16:07

Hola buenas tardes,


Nos gustaría pero no tenemos los suficientes conocimientos para explicar sobre OJS. De todas formas, lo investigaremos.


Saludos

Añadir comentario

© 2026 . All rights reserved.

Desarrollador con amor por Komodo Website