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