Bootstrap Grids

Bootstrap’s grid system is responsive so it adjust automatically according to the screen size. Basically, bootstrap has four different grids. They are:
1. xs (For Phones)
2. sm (For tablets)
3. md (For Desktops)
4. ld (For Larger Desktop)

Code Structure
<div class="row">
    <div class="col-*-*"></div>
    <div class="col-*-*"></div>
    <div class="col-*-*"></div>
</div>

Tips: .row is always necessary to insert before column then you can add desired column like .col-*-* classes. Also, keep in mind that .col-*-* must always add upto 12 for each row.

Share this

Related Posts