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

Question

我的Carousel滑块中有一个按钮,我想为桌面显示,但隐藏在移动设备/平板设备上:http: //www.doorsets.org.uk/index.php

Bootstrap 3中有可能吗？我知道我显然可以根据设备更改列,但我不清楚如何根据设备隐藏/显示部分.

非常感谢任何可以提供的建议.另外,你推荐一个很好的Bootstrap 3论坛吗？

非常感谢新泽西州

Answer 1

以下是我相信您正在寻找的文档:

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

例如,如果要隐藏小(平板)屏幕上的部分:

<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>