首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是否有引导程序可以自动隐藏不同媒体屏幕中的某些组件?

是否有引导程序可以自动隐藏不同媒体屏幕中的某些组件?
EN

Stack Overflow用户
提问于 2021-07-08 17:36:40
回答 3查看 37关注 0票数 0

我真的对样式响应性感到恼火,我想知道是否有人知道bootstrap类可以自动隐藏中小屏幕中的任何组件,所有组件我指的是标题、段落、按钮等

EN

Stack Overflow用户

发布于 2021-07-08 18:41:20

不确定您使用的是哪个引导程序版本。无论如何,bootstrap 3.x和4.x都是这样做的。

来自Bootstrap 3.x文档

这是一个对超小型设备、小型设备和中型设备隐藏的示例

代码语言:javascript
复制
<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文档

代码语言:javascript
复制
<!-- 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>
票数 0
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68299109

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档