2017-10-19 107 views
0

我使用Bootstrap 4.0 Beta来设计一个站点,并且卡在一个响应实用程序上。早在引导3是:hidden-xshidden-md隐藏Bootstrap 4 Beta中的列

引导4.0阿尔法添加-UP升降压:hidden-sm-downhidden-md-up这些类Resonsive utilities,但我不能找到一种方法,使自举4测试版此功能工作。

如果我想仅使用Bootstrap 4.0 Beta在sm和xs显示中隐藏以下列,那么将如何去做?

<div class="col-md-12 col-lg-8 col-xl-4"> 
    <p>Here is my text</p> 
</div> 

我梳理了Bootstrap 4 Beta Docs,并尝试了很多的老路子和想象的方式来无济于事bevvy。

回答

1

Bootstrap v4 Beta删除了您的帖子引用的大多数响应实用程序。相反,你需要依靠自己的显示类:

<div class="col-md-12 col-lg-8 col-xl-4 d-none d-md-block"> 
    <p>Here is my text</p> 
</div> 

d-none设置显示为无,所有的观点,而d-md-block设置屏幕为块级为中断点(或更高)。在于水火之中成舆论领土的风险,这似乎不太直观,但它们提供的阿尔法文档中这背后的逻辑推理部分:

https://getbootstrap.com/docs/4.0/migration/#responsive-utilities