代码之家 › 专栏 › 技术社区 › David

Bootstrap 4 hidden-X-(down/up)类不工作

twitter-bootstrap-4 bootstrap-4 twitter-bootstrap

David · 技术社区 · 7 年前

https://v4-alpha.getbootstrap.com/migration/#responsive-utilities

    <div class="container">
      <div class="row">
        <div class="col-md-3 hidden-md-down">
          <p class="title">Join us</p>
          <p class="subtitle">Just click on the button below</p>
          <p class="link"><a href="#" class="outstanding-link">the button below</a></p>
        </div>
      </div>
    </div>

它应该在中等设备(大于720px)中有3列可见,但在小于中等设备中隐藏。

这是一只鹬

https://jsfiddle.net/n7oo7dLk/

1 回复 | 直到 6 年前

Carol Skelly 7 年前

这个 hidden-* d-* 显示类可用于响应可见性。。。

hidden-md-down 现在是: d-none d-lg-block

https://www.codeply.com/go/VsOfRxuPfo

另请参见 this answer 和 the full list of Bootstrap 4 beta changes

推荐文章

xajetin · 导航不更改滚动上的颜色

2 年前

Noor ul ain Ibrahim · 如何在一行中制作两个大小相同的按钮?

2 年前

Bryan Santos · 固定表头与引导

2 年前

Nicolas Berthier · Bootstrap 5基于内容的包装

2 年前

tym · 根据用户偏好显示字段

2 年前

Sheryar Khan · 如何仅使用html、css、bootstrap、javascript/jquery创建html页面?

2 年前

Pavel · 当验证DIV可见时,引导网格会移动

6 年前

Sam · 在标题中嵌入Bootstrap 3导航栏

6 年前

Alexander David · 折叠卡打开,然后立即再次关闭

6 年前

Sandeep Bhardwaj · div的一致行为,与设备分辨率无关

6 年前