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
Post a Comment