8 917 609 64-11

Размер бутстрап (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

При помощи размера бутстрап можно задавать ширину не толкьо модулей, но и любых других элементов: изображений, видео, модальных окон и т.д.

На этом всё.
Желаю вам успехов)

^ Наверх
close

Вход на сайт

Ваш e-mail:

Ваш пароль:


Забыли пароль?