Я работаю с бутстрапом, но пытаюсь понять разницу между Spans и columns,
Пример
<div class="span4">...</div>
or
<div class="col-md-4"></div>
Какая разница между ними или они делают то же самое?
Какая разница между пробелами и столбцами Bootstrap
Ответ 1
<div class="span4">...</div>
- старый синтаксис Bootstrap до версия 2.3.2,
<div class="col-md-4"></div>
- это синтаксис Bootstrap версия 3.
Основное отличие состоит в том, что новый бутстрап основывается на "мобильном первом" подходе, в то время как старый использовал типичный подход 960gs для построения сетки, а также имел откликов, обрабатываемых отдельно.
Теперь у вас есть 4 разных значения, которые будут масштабировать элемент по-разному на основе размера экрана и желаемого поведения:
.col-md-*
является эквивалентом span*, а:
.col-xs-*
.col-sm-*
.col-lg-*
используются для решения вертикальной укладки элементов на более мелкие устройства (позволяя по умолчанию использовать три макета столбцов на устройствах с малым экраном без необходимости перезаписывать классы начальной загрузки по умолчанию).
Ответ 2
В BS 2 использовались пробелы - Scaffolding
Cols используются в BS 3 - CSS
Они, для всех целей и целей, одно и то же.