twitter-bootstrap-3
Sistema de red

Sistema de rejilla Bootstrap

Bootstrap utiliza un sistema de cuadrícula que tiene filas y columnas

En el sistema de cuadrícula, está utilizando una clase de fila para crear un cuadro horizontal con un total de 12 columnas de tamaño 1 unidad cada una para diferentes tamaños de pantalla verticalmente. Si no desea utilizar las 12 columnas individualmente, puede agrupar las columnas para crear columnas más anchas.

Ejemplo: si desea hacer una fila de 3 columnas, tiene un div con class = "row" (es decir, un cuadro horizontal) y 3 columnas (class = col.xs.xx) cada una de tamaño 3, tamaño 2, tamaño 7 (3 + 2 + 7 = 12) para xs = tamaño de pantalla extra pequeño

título

lorem ipsum

Clases de Grid

El sistema de cuadrícula de Bootstrap tiene cuatro clases para el diseño de respuesta como esta:

xs (for phones)
sm (for tablets)
md (for desktops)
lg (for larger desktops)

¿Cómo utilizar?

Para el ejemplo básico 4 columnas.

<div class="row">
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
</div>

Ejemplo 4 columnas