Размер бутстрап (bootstrap) - что это?
Bootstrap - это фреймворк (готовый набор стилей, скриптов и заготовок для вёрстки), на нём создают множество шаблонов.
Bootstrap используется модульную сетку, которая разбита на 12 равных частей.
12 частей = 100% ширины.
Поэтому в модулях мы можем выбрать размер от 0 до 12.
0 - отключает совсем эту опцию.
Если вам нужно разместить в одной строке 2 модуля одинаковой ширины, то у них нужно выбрать размер bootstrap = 6.
2 модуля по 6 = 12. Т.е. 100% ширины.
Получается что каждая единица размера бутстрап равна 1 колонке в модульной сетке.
Если хотите вывести 3 модуля в одну линию (строку), то у модулей нужно выбрать размер = 4.
4 * 3 модуля = 12.
А если нужно вывести 4 модуля в одну линию, то размер bootstrap у них должен быть = 3
3 * 4 модуля = снова 12.
Суть я думаю ясна?
В наших шаблонах тоже можно использовать размер bootstrap, например в таких позициях как footer, aftertext и т.д.
Стили CSS
Если посмотреть на CSS стили, которые подставляются для размеров бутстрап, то мы увидим что блоки получают класс .spanxx
Где xx - это размер бутстрап.
Если размер bootstrap = 6, то класс будет span6
Размер bootstrap = 3, значит класс будет span3
При помощи размера бутстрап можно задавать ширину не толкьо модулей, но и любых других элементов: изображений, видео, модальных окон и т.д.
На этом всё.
Желаю вам успехов)