twitter bootstrap 3 - i want responsive page when i compress my window -


in executed in maximized window think not responsive because when compress window design view vertically 1 one want horizontal view

<div class="col-md-12">             <div class="row-fluid">                 <div class="col-md-3">                       <span class="text-center"><b>sellers</b></span>                 </div>                 <div class="col-md-1">                        <span class="glyphicon glyphicon-arrow-down">rating</span>                  </div>                 <div class="col-md-3">                        <span class="glyphicon glyphicon-arrow-up">delivered by</span>                  </div>                  <div class="col-md-1">                        <span class="text-center">offers</span>                 </div>                 <div class="col-md-2">                        <span class="glyphicon glyphicon-arrow-down">price</span>                  </div>                  <div class="col-md-2">                  </div>             </div>         </div> 

this correct. columns stack when hit 'medium' breakpoint, 992 pixels according grid table on bootstrap website. means once browser width slips below 992 pixels width revert stacked.

you can change col-md-* classes col-sm-*, make them change stacked @ 'small' breakpoint, 768 pixels. more information read documentation , examples here - http://getbootstrap.com/css/#grid


Comments

Popular posts from this blog

java - Date formats difference between yyyy-MM-dd'T'HH:mm:ss and yyyy-MM-dd'T'HH:mm:ssXXX -

c# - Get rid of xmlns attribute when adding node to existing xml -