Twitter bootstrap 如何在Bootstrap 3的移动/平板电脑视图中隐藏某些内容？

我的转盘滑块中有一个按钮，我希望在桌面上显示该按钮，但在移动/平板电脑设备上隐藏该按钮：

这在引导3中可能吗？我知道我可以根据设备更改列，但我不清楚如何根据设备隐藏/显示节

如果您能提供任何建议，我们将不胜感激。另外，你有没有推荐一个好的Bootstrap3论坛

非常感谢

---

NJ

这是我认为您需要的文档：

---

您需要包装要隐藏/显示所需类的内容

例如，如果要在小型（平板电脑）屏幕上隐藏某个部分，请执行以下操作：

此内容在平板电脑或屏幕分辨率上不可见≥768p和<992px

相反，如果您只想在平板电脑上显示某些内容：

<section class="visible-sm">
    <p>This content will only be visible on a tablet, or screen resolution ≥768px and < 992px</p>
</section>

此内容仅在平板电脑或屏幕分辨率上可见≥768px和<992px

---

对于您的按钮，类似的内容只会出现在中型和大型屏幕上：

<div class="btn btn-primary visible-md visible-lg">Carousel Button</div>

Carousel按钮

。以下可能是您正在寻找的解决方案：如果您批准答案，您将获得分数。你知道的，对吧？谢谢你，摩根。我想最好在CSS中使用媒体查询，这样就不会加载页面中您不想看到的部分，我假设在使用响应实用程序类时会发生这种情况？我无法让隐藏的sm工作，但可见的-*工作了一顿。非常感谢。@NathonJones，这是通过媒体查询完成的。请注意，如果您试图在手机上隐藏，则需要使用hidden XS。请注意，这不是平板电脑，对于

hidden sm

，不太具体。因此，如果您想同时使用tablet和mobile，则必须在该元素的class属性中使用

hidden sm hidden xs

，以将其同时隐藏在这两个元素中。

<div class="btn btn-primary visible-md visible-lg">Carousel Button</div>