Bootstrap：是否有仅通过移动设备显示手风琴的选项答案

【问题标题】：Bootstrap: is there an options to show the accordion only by mobile deviceBootstrap：是否有仅通过移动设备显示手风琴的选项
【发布时间】：2014-01-18 00:51:46
【问题描述】：

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

【问题讨论】：

标签： twitter-bootstrap mobile accordion

【解决方案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)

【讨论】：

只是指出，如果有人现在看到这一点，我相信不再支持可见手机/平板电脑/桌面，最佳做法是使用 xs、sm、md、lg。
这是否意味着您需要编写两次 HTML？一个用于手风琴，一个没有？