Bootstrap responsive

Bootstrap responsive

Отзывчивость - важное качество

Отзывчивость — важное качество

Bootstrap responsive — обозначение набора классов классов, позволяющих делать отзывчивую верстку. Классы отзывчивой верстки (не считая классов сетки) содержат комбинации для отображения и сокрытия HTML-элементов при разных размерах устройств отображения. Также они включают классы, которые прячут или показывают элементы страницы при печати, позволяя оформить версию страницы для печати.

Bootstrap responsive

Оч. маленькие устройства телефоны(<768px) Маленькие устройства  планшеты (≥768px) Средние устройства Desktops (≥992px) Большие устройства Desktops (≥1200px)
.visible-xs-* показываем
.visible-sm-* показываем
.visible-md-* показываем
.visible-lg-* показываем
.hidden-xs показываем показываем показываем
.hidden-sm показываем показываем показываем
.hidden-md показываем показываем показываем
.hidden-lg показываем показываем показываем

В версии бутстрапа 3.2 классы видимости доступны в трех вариациях

.visible-*-block display: block;
.visible-*-inline display: inline;
.visible-*-inline-block display: inline-block;

Для сокрытия или показа HTML-элементов при печати можно использовать классы:

.visible-print-block
.visible-print-inline
.visible-print-inline-block
показываем
.hidden-print показываем

Об авторе

@altarasov administrator

Вы должны быть авторизованы, чтобы оставить комментарий.