引导隐藏XS不工作

我只是发现了隐藏XS，隐藏SM等，所以我想它的第一次..引导隐藏XS不工作

为什么这不能掩盖任何审查DIV屏幕尺寸？

<div class="row hidden-sm"> 
    <div class="col-xs-12"> 
     <result-reviews [result]='selectedResult?.result.result'></result-reviews> 
    </div> 
</div>

这里更多的是我的代码：

<div class="modal-body"> 
    <div class="container-fluid"> 
     <div class="row"> 
     <div class="col-lg-7"> 
      <div class="row"> 
       <div id="image-div" class="col-sm-5 col-lg-5"> 
        <result-image [result]='selectedResult?.result.result'></result-image> 
       </div> 
       <div class="col-sm-7 col-lg-7"> 
        <result-attributes [result]='selectedResult?.result.result'></result-attributes> 
       </div> 
      </div> 
      <div class="row hidden-sm"> 
       <div class="col-xs-12"> 
        <result-reviews [result]='selectedResult?.result.result'></result-reviews> 
       </div> 
      </div> 
     </div> 
     <div class="col-lg-5"> 
      <div id="shops-section"> 
       <div id="map" #map></div> 
       <ul> 
        <li *ngFor="let shop of selectedResult?.result.result.nearbyShops"> 
        <div class="shop-details"> 
         {{ shop.name }} 
        </div> 
        </li> 
       </ul> 
      </div> 
     </div> 
     </div> 
    </div> 
</div>

来源

2016-10-14 BeniaminoBaggins

您使用的是哪个版本的引导程序？在引导4字母隐藏的-XS类（和SM，MD，...）已被替换隐藏-XS-向上或隐藏-XS-下来，这里解释： http://v4-alpha.getbootstrap.com/layout/responsive-utilities/

来源

2016-10-14 23:02:27

就是这样！我正在使用bootstrap 4.谢谢！ – BeniaminoBaggins

为什么这不能掩盖任何屏幕尺寸的审查DIV？

阅读引导文件的这一部分：http://getbootstrap.com/css/#responsive-utilities-classes

hidden-sm将只适用于尺寸768和992px宽度之间。

来源

2016-10-14 22:30:21 Johannes

但它永远不会隐藏在任何屏幕大小。我也加了hidden-xs hidden-md等，并通过调整浏览器窗口的大小来测试所有的屏幕尺寸，并且没有隐藏。 – BeniaminoBaggins

好吧，它*确实*在这里按照预期工作：http://codepen.io/anon/pen/ALgJdm这是*你的*代码，唯一的变化是我把类'x'添加到你的'hidden-sm'中， div使其更加明显（将其显示为ed矩形）。如果更改窗口大小，当宽度介于768和992像素之间时，红色矩形将消失。 – Johannes

是的。我的引导一定是错误的。但这很奇怪，因为我一直在使用它的整个4个网站页面，因为它都能正常工作，除了隐藏。我通过bower_components安装了bootstrap。我试图使用CDN，而不是正确获取bootstrap。 – BeniaminoBaggins

它与d-none d-sm-block!尝试这个如果你想隐藏部门。

作为参考，这是链接Getbootstrap Migration

来源

2017-10-23 16:17:32

引导隐藏XS不工作

回答

相关问题