Bootstrap 3 содержит адаптивные (служебные) классы, которые позволяют управлять видимостью отображения элементов в зависимости от типа устройства.
Phones (<768px) | Tablets (≥ 768px) | Desktops (≥ 992px) | Desktops (≥ 1200px) | |
---|---|---|---|---|
.visible-xs-? | Видимый | Скрытый | Скрытый | Скрытый |
.visible-sm-? | Скрытый | Видимый | Скрытый | Скрытый |
.visible-md-? | Скрытый | Скрытый | Видимый | Скрытый |
.visible-lg-? | Скрытый | Скрытый | Скрытый | Видимый |
Вместо знака ? необходимо указать block, inline или inline-block. Т.е. указать, как данный элемент должен отображаться.
Phones (<768px) | Tablets (≥ 768px) | Desktops (≥ 992px) | Desktops (≥ 1200px) | |
---|---|---|---|---|
.hidden-xs | Скрытый | Видимый | Видимый | Видимый |
.hidden-sm | Видимый | Скрытый | Видимый | Видимый |
.hidden-md | Видимый | Видимый | Скрытый | Видимый |
.hidden-lg | Видимый | Видимый | Видимый | Скрытый |
Комментарии ()