¿Qué es Bootstrap?
Bootstrap es un framework CSS desarrollado por Twitter en 2010, para estandarizar las
herramientas de la compañía.
El framework combina CSS y JavaScript para estilizar los elementos de una página HTML.
Permite mucho más que, simplemente, cambiar el color de los botones y los enlaces.
Esta es una herramienta que proporciona interactividad en la página, por lo que ofrece una
serie de componentes que facilitan la comunicación con el usuario, como menús de
navegación, controles de página, barras de progreso y más.
Además de todas las características que ofrece el framework, su principal objetivo es permitir
la construcción de sitios web responsive para dispositivos móviles.
Esto significa que las páginas están diseñadas para funcionar en desktop, tablets y
smartphones, de una manera muy simple y organizada.
¿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
¿Cuál es la funcionalidad de Bootstrap?
Bootstrap ofrece una serie de características que se pueden implementar en un sitio web. A
continuación hablaremos de las posibilidades de esta herramienta.
Diseño responsive
Una de las características principales de Bootstrap es permitir que la adaptación de la página
se realice según el tipo de dispositivo utilizado. Para garantizar la responsividad, el framework
funciona con:
la estilización del elemento <div>;
el uso del class container.
En la práctica, el elemento <div>, funciona para crear una serie de notas, similar a una tabla,
capaz de estructurar la página de forma adaptable.
El elemento <div> es más flexible, ya que permite definir y cambiar el tamaño de la longitud
fácilmente.
