4. Como administrar el espacio
Bootstrap tiene una sencilla pero a su vez poderosa forma de administrar el espacio permitiendo realizar diferentes acciones dependiendo del tamaño de la pantalla en el que nos encontremos, esto hace que podamos no solo mantener nuestro sitio web accesible a todo tipo de dispositivo si no también a mejorar su presentación dependiendo del mismo.
A continuación podemos ver una tabla explicativa acerca de cómo Bootstrap entiende y maneja los distintos tipos de tamaño:
| Dispositivos muy pequeños Teléfonos (<768px) | Dispositivos pequeños Tablets (≥768px) | Dispositivos medianos Ordenadores (≥992px) | Dispositivos grandes Ordenadores (≥1200px) | |
|---|---|---|---|---|
| Anchura | Auto | 728px | 940px | 1170px |
| Prefijo de las clases CSS | .col-xs- | .col-sm- | .col-md- | .col-lg- |
| ¿Permite anidación? | Si | Si | Si | Si |
| ¿Permite desplazar columnas? | No | Si | Si | Si |
| ¿Permite reordenación de columnas? | No | Si | Si | Si |