引導隱藏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不工作

回答

相關問題