Не могу разобраться с сеткой Bootstrap?

Question

[Влад]

Всем привет!
Пытаясь разобраться с сеткой Bootstrap нашел таблицу по которой у меня возникли вопросы.
Если я правильно понимаю, то значение 750px (для экрана больше 768px) это общая ширина колонок и отступов между ними. Но когда я начал подсчитывать эту ширину пришел в полный тупик.
Возьмем например размер экрана больше 768px. Сетка состоит из 12 колонок по 62px, то есть 12 кол. × 62px = 744px (ширина колонок).
В таблице указан размер отступов между колонками — 30px. Их у нас должно быть 11 шт. Умножаем на 30px и получаем 330px (ширина отступов между колонками)
744px + 330px = 1074px. Это не считая +2 отступа по бокам контейнера.
В чем я ошибся? 750px это общая ширина отступов и колонок?
____________________________________________________________________________________________________________________
P.S.: С темой разобрался. Окончательно в этом помог пример использования Bootstrap сетки (может кому пригодится).

Answer 1

[_ _]

В ширину колонки включен gutter

Comments

[Влад]

Александр, у меня были подобные мысли, но почему тогда в случае с 768px у нас остается лишние 6px (12 кол. × 62px = 744px, 768px - 744px = 6px)? Такая же ситуация с остальными контейнерами.

[_ _]

Влад: а, вы неправильно поняли таблицу. Она для .container
.container не тянется - в зависимости от размера экрана он различной фиксированной ширины (.container-fluid растягивается вместе с экраном)
В таблице говорится, что на разрешении от 768 до 992 ширина контейнера будет 750px.
При ширине 992px до 1200px ширина будет 970px и.т.д

[archelon]

Влад: Там же написано: ~62, т.е. примерно.
750/12=62,5.
Ширина колонки задается в процентах, поэтому значение не будет точным.