是否有引导程序可以自动隐藏不同媒体屏幕中的某些组件？
是否有引导程序可以自动隐藏不同媒体屏幕中的某些组件？
提问于 2021-07-08 17:36:40
我真的对样式响应性感到恼火，我想知道是否有人知道bootstrap类可以自动隐藏中小屏幕中的任何组件，所有组件我指的是标题、段落、按钮等
回答 3
Stack Overflow用户
发布于 2021-07-08 17:46:51
Bootstrap使用以下类名来确定元素的显示属性。
.d-{breakpoint}-{value}因此，对于您的示例，在小屏幕和中型屏幕上隐藏元素将如下所示：
.d-none .d-lg-block第一个类d-none将隐藏所有屏幕尺寸上的元素，因此您需要为较大的屏幕指定不同的显示属性，例如d-lg-block。
有关详细信息，请参阅Bootstrap Documentation
Stack Overflow用户
发布于 2021-07-08 18:41:20
不确定您使用的是哪个引导程序版本。无论如何，bootstrap 3.x和4.x都是这样做的。
来自Bootstrap 3.x文档
这是一个对超小型设备、小型设备和中型设备隐藏的示例
<div class="visible-lg-block">
<h1>This is a heading text</h1>
<p>Some paragraph text</p>
<button>Click me</button>
</div>来自Bootstrap 4.x文档
<!-- Visible only on lg -->
<div class="d-none d-lg-block d-xl-none">
<h1>This is a heading text</h1>
<p>Some paragraph text</p>
<button>Click me</button>
</div>Stack Overflow用户
发布于 2021-07-08 17:43:06
您可以使用这些类名来隐藏任何组件
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68299109
复制相关文章
相似问题
腾讯云开发者
