Как скрыть элементы в Bootstrap | Классы .hidden и .visible
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 | Видимый | Видимый | Видимый | Скрытый |
Комментарии ()