Boostrap

 _________________________________________

_________________________________________

Boostrap

Bootstrap es un framework CSS de código abierto que favorece el desarrollo web de un modo más sencillo y rápido. Incluye plantillas de diseño basadas en HTML y CSS con la que es posible modificar tipografías, formularios, botones, tablas, navegaciones, menús desplegables, etc.

Bootstrap es una biblioteca multiplataforma o conjunto de herramientas de código abierto para diseño de sitios y aplicaciones web.

Fue desarrollado inicialmente por Twitter en 2011 y permite crear interfaces de usuario limpias y compatibles con todo tipo de dispositivos. Entre las ventajas que tiene Bootstrap es que favorece el design responsive, el cuál se utiliza para mejorar la experiencia de los usuarios en el sitio web y en consecuencia el posicionamiento.

Ventajas de Bootstrap:

Entre las ventajas de utilizar bootstrap podemos enumerar las siguientes:

• Es de código abierto, y todo su código actualizado se encuentra en un repositorio de Github.
• Está mantenido y actualizado por Twitter.
• Es compatible con la mayoría de navegadores (Chrome, Safari, Mozilla…).
• Dispone de gran cantidad de documentación, tanto en su portal como en páginas web especializadas.
• Utiliza componentes vitales para los desarrolladores (HTML5, CSS3, jQuery o GitHub, entre otros).
• Incluye Grid system para maquetar por columnas.
• Sus plantillas son de sencilla adaptación responsive.
• Dispone de un conjunto de elementos web personalizables.
• Se integra con librerías JavaScript.
• Usa Less: un lenguaje de las hojas de estilo CSS preparado para enriquecer los estilos de la web.

¿Cómo funciona Bootstrap?

Bootstrap está constituido por una serie de archivos CSS y JavaScript responsables de asignar características específicas a los elementos de la página.

Hay un archivo principal llamado bootstrap.css, que contiene una definición para todos los estilos utilizados. Básicamente, la estructura del framework se compone de dos directorios:

• css: contiene los archivos necesarios para la estilización de los elementos y una alternativa al tema original;
• js: contiene la parte posterior del archivo bootstrap.js (original y minificado), responsable de la ejecución de aplicaciones de estilo que requieren manipulación interactiva.
•  Para asignarle una característica a un elemento, simplemente debemos informar la clase correspondiente en la propiedad “class” del elemento que será estilizado, como mostramos e el siguiente ejemplo:

texto alternativo

En este ejemplo, fue asignado el contenido "rounded-sm" para una propiedad de imagen. Es un estilo que agrega bordes redondeados y no un elemento.

Por lo tanto, al cargar la imagen, se aplicarán al elemento las características que se refieren a esta clase.

Dónde descargar Bootstrap:

Bootstrap dispone de un repositorio en github y un portal en los que se puede encontrar tanto el código fuente como toda la documentación disponible para dicho framework:

Portal de Bootstrap: https://getbootstrap.com/

Repositorio de Github: https://github.com/twbs/bootstrap