bootstrap 中是否有一个选项让我可以使用 accordion 对于我的移动页面。对于默认页面,我有很多空间来显示内容。
最佳答案
是的,Bootstrap 内置了这些“响应式实用程序类”:
.visible-phone
.visible-tablet
.visible-desktop
.hidden-phone
.hidden-tablet
.hidden-desktop
您可以将这些类中的任何一个添加到元素中,例如 Accordion ,以控制它在哪些设备上显示/隐藏。
要仅在移动设备上显示 Accordion ,您可以添加 hidden-desktop
到 Accordion 课,像这样:
<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)
关于twitter-bootstrap - Bootstrap : is there an options to show the accordion only by mobile device,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21198663/