Почему в заголовке таблицы Bootstrap одни ширины а ниже совсем другие?

Question

[hulktoster]

Вот например medium в заголовке ширина 768px а напротив md уже 720px. И так везде. Почему так?

Answer 1

[Кирилл Никитин]

В заголовке breakpoint, а в таблице ширина контейнера. Класс container и классы container-*, в отличие от класса container-fluid, имеют фиксированную ширину. В вашем случае, на примере medium, эта таблица показывает, что при ширине экрана устройства или окна браузера равной или больше 768px, ширина основного блока сетки сайта (контейнера) будет 720px. И если, к примеру, сайт смотрят на устройстве с экраном 800px, то по краям останется по 40px свободного места.

Comments

[hulktoster]

а что такое breakpoint?

[Кирилл Никитин]

hulktoster основа адаптивной вёрстки, инструкция для @media — ширина экрана устройства, при которой браузер заменяет одни стили css на другие. Дополню ответ лучше.

[hulktoster]

Кирилл Никитин, спасибо большое)