Очень маленькие
Телефоны (<768px)
Маленькие
Планшеты (>=768px)
Средние
Компьютеры (>=992px)
Большие
Компьютеры (>=1200px)
Ширина контейнера auto 750px 970px 1170px
Префикс класса .col-xs- .col-sm- .col-md- .col-lg-
Ширина колонки auto ~62px ~81px ~97px
Ширина между колонками 30px (по 15px с каждой стороны)
Класс Описание
hidden-xs Скрывает элемент на устройствах xs (ширина viewport <768px).
hidden-sm Скрывает элемент на устройствах sm (ширина viewport >=768px и <992px).
hidden-md Скрывает элемент на устройствах md (ширина viewport >=992px и <1200px).
hidden-lg Скрывает элемент на устройствах lg (ширина viewport >=1200px).
Класс Описание
visible-xs-? Делает элемент видимым только на устройствах с очень маленьким экраном xs (ширина viewport <768px). На других устройствах эти элементы не видимы.
visible-sm-? Делает элемент видимым только на устройствах, имеющих экран sm (ширина viewport >=768px и <992px). На других устройствах эти элементы не видимы.
visible-md-? Делает элемент видимым лишь на устройствах, имеющих экран md (ширина viewport >=992px и <1200px). На других устройствах эти элементы не видимы.
visible-lg-? Делает элемент видимым только на устройствах, имеющих экран lg (ширина viewport >=1200px). На других устройствах эти элементы не видимы.