Twitter引导响应实用程序

Question

我试图在中等屏幕尺寸（及以下）上隐藏div。我已经读过您可以使用Bootstrap's responsive utilities - .hidden-md-down，但我的CSS（我从getbootstrap.com下载）中找不到此类。

我尝试自定义下载以仅包含CSS部分中的响应式实用程序，或者下载所有可用选项，并且没有任何存档包含此类的.css文件。

我做错了什么？

Answer 1

我不知道.hidden-md-down应该是什么，但正确的类是.hidden-md（根据documentation）。 .hidden-md将隐藏Bootstrap定义为 Medium Devices 的元素 - 宽度介于992px和1199px之间的设备。但是，它不会隐藏 Small 或 Extra Small 设备上的元素。

如果您想隐藏 Medium 设备及其下方的元素，最好使用.visible-lg-{displayType}，其中{displayType}为block }，inline或inline-block（例如.visible-lg-block）。

Answer 2

您可以同时使用课程.hidden-md，.hidden-sm和.hidden-xs。我没有听说过你试图使用的那个。

Answer 3

将您的bootstrap版本更新为4：Bootstrap V4