qué es la grid de bootstrap y sus divisiones

Bootstrap permite diseñar las páginas mediante un sistema de columnas o rejillas que nos ayudan en la disposición del contenido y su adaptación a los diferentes dispositivos. Este sistema, creado con flexbox, consiste en dividir la pantalla en filas, donde cada fila puede dividirse en 12 columnas o espacios.

Ahora, ¿qué es col MD?

col-md-* . En los dispositivos móviles (extra pequeño o pequeño) esta rejilla se muestra verticalmente, pero en un ordenador (medio o grande) se ve horizontalmente.

Pero entonces, ¿cómo dividir una página HTML en columnas?

Con la etiqueta <colgroup span="x"> donde x es el número de columnas deseado, es posible agrupar celdas para aplicar simultáneamente un mismo formato al conjunto de celdas del grupo.

De esta manera, ¿cómo funciona el grid de Bootstrap?

Para estructurar nuestra web con el Framework de Bootstrap utilizaremos un sistema Grid de 12 columnas , olvídate de las tablas . Esto quiere decir, que nuestra web tendrá un ancho de página de 12 columnas, por lo tanto podremos añadir como máximo 12 columnas de tamaño 1 en nuestra página web.