Question

引导程序中是否有可以使用手风琴的选项对于我的手机页面。对于默认页面，我有足够的空间来显示内容。

Answer 1

是的，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)