Bootstrap hidden-sm-down不起作用

Question

我正在使用Boostrap 3.爲什麼當我在我的筆記本電腦上調整頁面大小時，<div>與hidden-sm-down仍然可見？我想在小設備上隱藏這兩個圖像以獲得不同的菜單。

<div class="row">     
    <div class="col-md-7 left"> 
     <ul class="row"> 
      <li class="col-md-2"> 
       <a href="">Text</a> 
      </li> 
      <li class="col-md-2"> 
       <a href="">Text</a> 
      </li> 
      <li class="col-md-3"> 
       <a href="">Text</a> 
      </li> 
      <li class="col-md-3"> 
       <a href="">Text</a> 
      </li> 
      <li class="col-md-2"> 
       <a href="">Text</a> 
      </li> 
     </ul> 
    </div> 
    <div class="col-md-1 hidden-sm-down wave"> 
     <img src="img/ondina.png" /> 
    </div> 
    <div class="col-md-3 right"> 
     <ul class="row"> 
      <li class="col-md-6"> 
       <a href="">Text</a> 
      </li> 
      <li class="col-md-6"> 
       <a href="">Text</a> 
      </li> 
     </ul> 
    </div> 
    <div class="col-md-1 hidden-sm-down right-border"> 
     <img src="img/menu-right.png" /> 
    </div> 
</div> 

Answer 1

正如Jaqen說，如果你使用Bootrstrap 3，你應該使用hidden-sm代替。

此外，如果您想在小屏幕上隱藏圖像，則必須添加hidden-xs。

這裏有一個的jsfiddle：DEMO

Answer 2

你提到你使用引導3

使用hidden-sm代替hidden-sm-down屬於Bootstrap 4

在一個側面說明：

你還別說：

我暈t以在小設備上隱藏這兩個圖像以便具有不同的菜單。

hidden-sm將隱藏iPad等小屏幕上的元素。要隱藏在額外的小屏幕上（如電話< 768px），請添加hidden-xs。

看一看的引導尺寸表here

Answer 3

其實，hidden-sm-down不會BS4

隨着BS4工作，顯示實用程序類完全改變了。改用這種格式;

.d-{breakpoint}-{value} 

更多信息; https://getbootstrap.com/docs/4.0/utilities/display/