Question

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

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

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

非常感谢 NJ

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>