twitter-bootstrap - 如何在 Bootstrap 3 的移动/平板电脑 View 中隐藏某些内容？

Question

我的轮播 slider 中有一个按钮，我想在桌面上显示它，但在移动/平板设备上隐藏:
http://www.doorsets.org.uk/index.php

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

将不胜感激任何可以提供的建议。另外，您是否推荐一个好的 Bootstrap 3 论坛？

非常感激
新泽西州

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>