Bootstrap

Bootstrap es un framework que simplifica el proceso de creación de diseños web combinando CSS y JavaScript. Ha sido desarrollado por Twitter que recientemente liberó su versión 2.0. La mayor ventaja es que podemos crear interfaces que se adapten a los distintos navegadores (responsive design) apoyándonos en un framework potente con numerosos componentes webs que nos ahorrarán mucho esfuerzo y tiempo.

Características principales de Bootstrap

Bootstrap ofrece una serie de plantillas CSS y ficheros Javascript que nos permiten integrar el framework de forma sencilla y potente en nuestros proyectos webs.

  • Permite crear interfaces que se adapten a los diferentes navegadores, tanto de escritorio como tablets y móviles a distintas escalas y resoluciones.

  • Se integra perfectamente con las principales librerías Javascript, por ejemplo JQuery.

  • Ofrece un diseño sólido usando LESS y estándares como CSS3/HTML5.

  • Es un framework ligero que se integra de forma limpia en nuestro proyecto actual.

  • Funciona con todos los navegadores, incluido Internet Explorer usando HTML Shim para que reconozca los tags HTML5.

  • Dispone de distintos layout predefinidos con estructuras fijas a 940 píxeles de distintas columnas o diseños fluidos.

Componentes webs

Bootstrap ofrece distintos componentes que podemos usar con unos estilos predefinos y fáciles de configurar. Además de los distintos plugins integrados con jQuery que disponemos en la versión 2.0 de Bootstrap.

  • Botones. se pueden aplicar tanto a enlaces como a etiquetas button/input simplemente usando la clase btn. Así podemos distinguir el propósito de cada botón con los distintos estilos prefijados o variar su tamaño.

  • Dropdown. Con ellos podemos asociar un menú desplegable a un botón de forma sencilla agrupando distintas opciones.

  • Formularios. Bootstrap cuenta con distintos layout que podemos adaptar con las principales necesidades. Además de incluir distintos elementos para remarcar distintas acciones sobre los formularios: focused, disabled, control-group,…

  • Plugin de jQuery. Bootstap cuenta con distintos plugins que nos permiten crear ventanas modales,o crear el típico tooltip sobre algún elemento de la página.

.

Descarga y ejemplos

Bootstrap es un proyecto de código abierto con licencia Apache que podemos descargar desde Github. Así como ver los distintos ejemplos con los que podemos trabajar en la web de desarrolladores de Twitter: una página simple de inicio, un sitio básico de marketing o un diseño fluido son algunos de los ejemplos disponibles de bootstrap.

Sitio web | Bootstrap
Descargar | Bootstrap en GitHub
Más información | Ejemplos de Bootstrap

Portada de Genbeta