html - Bootstrap hidden-sm-down not working -


i using boostrap 3. why <div> hidden-sm-down still visible when resize page on laptop? want hide 2 images on small devices in order have different menu.

<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> 

as jaqen said, if use bootrstrap 3, should use hidden-sm instead.

also, if want hide image on small screen, have add hidden-xs.

here's jsfiddle : demo


Comments

Popular posts from this blog

wordpress - (T_ENDFOREACH) php error -

Export Excel workseet into txt file using vba - (text and numbers with formulas) -

Using django-mptt to get only the categories that have items -