Wednesday, 30 April 2014

Split the row into columns in bootstrap 3

<!-- Bootstrap 3: Adaptive split row -->
<div class="row">
 <div class="col-xs-6 col-sm-4 col-md-3">
  Left Cell All Devices.
  Width on Mobile: 1/2 page
  Width on Tablet: 1/3 page
  Width on Desktop: 1/4 page
 </div>
 <div class="col-xs-6 col-sm-8 col-md-9">
  Right Cell All Devices
  Width on Mobile: 1/2 page
  Width on Tablet: 2/3 page
  Width on Desktop: 3/4 page
 </div>
</div>


also you can add col-lg-3 for the larger screens.

col-lg-3 is width on larger screen 1/4 page

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home