Есть ли опция в бутстрапе, что я могу использовать аккордеон для моей мобильной страницы. Для страницы по умолчанию у меня много места для показа содержимого.Bootstrap: есть ли опции, чтобы показать аккордеон только мобильным устройством
Да, Bootstrap есть эти «Адаптивные служебные классы», построенные в:
.visible-phone
.visible-tablet
.visible-desktop
.hidden-phone
.hidden-tablet
.hidden-desktop
Вы можете добавить любого из этих классов к элементу, например, аккордеон, чтобы контролировать, какие устройства он отображается/скрыт по ,
Чтобы показать только аккордеон на мобильных устройствах, вы бы добавить hidden-desktop к классам аккордеона, что-то вроде этого:
<div class="panel-group hidden-desktop" id="accordion">
Это все, что вам нужно сделать. Вы можете остановиться здесь.
Однако, для полноты, я упомянул, что в Bootstrap есть другие классы полезных функций, которые позволяют контролировать больше.
.visible-xs
.visible-sm
.visible-md
.visible-lg
.hidden-xs
.hidden-sm
.hidden-md
.hidden-lg
Последние восемь классов основаны явно на разрешение устройства:
.*-xs (<768px)
.*-sm (≥768px)
.*-md (≥992px)
.*-lg (≥1200px)
Спасибо за ваш ответ. –
Просто чтобы указать, что кто-то видит это сейчас, я считаю, что видимый телефон/планшет/рабочий стол больше не поддерживается, и лучше всего использовать xs, sm, md, lg. –
означает, что вам нужно дважды писать свой HTML-код? Один для аккордеона и один без? –