Bootstrap - Demostración de cuadrícula

¿Qué es una cuadrícula?

En diseño gráfico, una cuadrícula es una estructura (generalmente bidimensional) formada por una serie de líneas rectas (verticales, horizontales) que se cruzan y que se utilizan para estructurar el contenido. Se utiliza ampliamente para diseñar el diseño y la estructura de contenido en el diseño de impresión. En diseño web, es un método muy eficaz para crear un diseño coherente de forma rápida y eficaz utilizando HTML y CSS.

Funcionamiento del sistema Bootstrap Grid

Los sistemas de cuadrícula se utilizan para crear diseños de página a través de una serie de filas y columnas que albergan su contenido. Así es como funciona el sistema de cuadrícula Bootstrap:

• Las filas deben colocarse dentro de un .container class para una alineación y un relleno adecuados.

• Utilice filas para crear grupos horizontales de columnas.

• El contenido debe colocarse dentro de las columnas y solo las columnas pueden ser los hijos inmediatos de las filas.

• Clases de cuadrícula predefinidas como .row and .col-xs-4están disponibles para realizar rápidamente diseños de cuadrícula. LESS mixins también se pueden utilizar para diseños más semánticos.

• Las columnas crean medianiles (espacios entre el contenido de la columna) mediante el relleno. Ese relleno se compensa en filas para la primera y la última columna mediante un margen negativo en.rows.

• Las columnas de la cuadrícula se crean especificando el número de doce columnas disponibles que desea abarcar. Por ejemplo, tres columnas iguales usarían tres.col-xs-4.