Bootstrap Grid Online Testing

Bootstrap Grid Online Testing

Bootstrap Grid System

Collapse in less than 768px wide

  <div class="row">
    <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div>
    <div class="col-sm-4" style="background-color:lavenderblush;">.col-sm-4</div>
    <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div>
  </div>
</div>

Collapse in less than 992px wide

  <div class="row">
    <div class="col-md-4" style="background-color:lavender;">.col-sm-4</div>
    <div class="col-md-4" style="background-color:lavenderblush;">.col-sm-4</div>
    <div class="col-md-4" style="background-color:lavender;">.col-sm-4</div>
  </div>

Collapse in less than 1200px wide

  <div class="row">
    <div class="col-lg-4" style="background-color:lavender;">.col-sm-4</div>
    <div class="col-lg-4" style="background-color:lavenderblush;">.col-sm-4</div>
    <div class="col-lg-4" style="background-color:lavender;">.col-sm-4</div>
  </div>
Tag: |   Category:
Copyright © 2023 Siam Naulak.
magnifiercrossmenu