html5 - How to use bootstrap to hide one of div when zoom browser windows size smaller -
i use bootstrap design web ui , , have requirement below:
i define below div structure div ids : part1 , part2
<div class="container"> <div class="panel panel-default"> <div class="panel-body"> <div id="part1" class="col-md-6"> <div> xxxx </div> </div> <div id="part2" class="col-md-6"> <div> yyy </div> </div> </div> </div> </div>
now want hide part1 automatically when shrink browser window size or phone browser , how can achieve effect ?
btw: try add css "collapse" part1 , hide directly browser larger .
this working code, have tested..
<div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-4 ">.col-md-4</div> <div class="col-md-4 visible-lg">.col-md-4</div> </div>
Comments
Post a Comment