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

Question

我的转盘滑块中有一个按钮，我希望在桌面上显示该按钮，但在移动/平板电脑设备上隐藏该按钮：http://www.doorsets.org.uk/index.php

这在Bootstrap 3中可能吗？我知道我可以根据设备明显地更改列，但我不清楚如何根据设备隐藏/显示部分。

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

非常感谢NJ

Answer 1

以下是我认为您需要的文档：

http://getbootstrap.com/css/#responsive-utilities-classes

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

例如，如果您想在小屏幕（平板电脑）上隐藏一个部分：

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

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

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

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

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