Sistema de Grilla de Bootstrap
Sistema de grilla por defecto de Bootstrap
Bootstrap incluye un sistema de grilla adaptable a dispositivos móviles de hasta 12 columnas. Estas se adaptan al tamaño del dispositivo o ventana de navegación.
1
1
1
1
1
1
1
1
1
1
1
1
4
4
4
4
8
6
6
12
Grilla HTML básica
Para un diseño simple de dos columnas, cree una fila con una etiqueta div y apliquele la clase .row-fluid, luego agregue el número apropiado de columnas mediante etiquetas div con clases .span*. Como se trata de una cuadrícula de 12 columnas, la suma de las clases .span* debe totalizar 12. Recuerde que solo debe agregar hasta 12 para cada fila.
<div class="row-fluid">
<div class="span4">...</div>
<div class="span8">...</div>
</div>
4
8
Teniendo en cuenta este ejemplo, tenemos .span4 y .span8, se crearon 12 columnas en total en una fila completa.