css - bootstrap - col-md-offset

¿Cuál es la diferencia entre Bootstrap Spans & Columns

Question

Estoy trabajando con bootstrap pero tratando de entender la diferencia entre las líneas y las columnas,

ejemplo

<div class="span4">...</div>
or 
<div class="col-md-4"></div>

¿Cuál es la diferencia entre ellos o hacen lo mismo?

Answer 1

Los tramos se usaron en BS 2 - Scaffolding

Las columnas se utilizan en BS 3 - CSS

Son, para todos los efectos, la misma cosa.

Answer 2

<div class="span4">...</div>

es la sintaxis anterior de Bootstrap hasta la versión 2.3.2 ,

<div class="col-md-4"></div>

es la sintaxis Bootstrap versión 3 .

La principal diferencia es que el nuevo bootstrap se basa en el enfoque de "mobile first", mientras que el anterior usaba el enfoque típico de 960gs para construir la grilla y que la capacidad de respuesta se manejaba por separado.

Ahora tiene 4 valores diferentes que escalarán el elemento de forma diferente según el tamaño de la pantalla y el comportamiento deseado:

.col-md-* 

es el equivalente de span* , mientras:

.col-xs-* 
.col-sm-* 
.col-lg-* 

se utilizan para resolver el apilamiento vertical de elementos en dispositivos más pequeños (lo que le permite obtener diseños de tres columnas en dispositivos de pantalla pequeña de forma predeterminada, sin tener que sobrescribir las clases predeterminadas de rutina de arranque con la suya).