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

Popular posts from this blog

java - activate/deactivate sonar maven plugin by profile? -

python - TypeError: can only concatenate tuple (not "float") to tuple -

java - What is the difference between String. and String.this. ? -