BasMaterial UI logo
Notifications

Grid

Grid system for building layouts of all shapes and sizes.

Grid by Bootstrap v4

Here, we will not reinvent the wheel. Bootstrap includes a powerful mobile-first flexbox grid system for building layouts of all shapes and sizes. It’s based on a 12 column layout and has multiple tiers, one for each media query range.

For more info and view the documentation, go to: Bootstrap Grid Doc

1 of 2
1 of 2
1 of 3
1 of 3
1 of 3

<div class="container">
    <div class="row">
        <div class="col">
            1 of 2
        </div>
        <div class="col">
            1 of 2
        </div>
    </div>
    <div class="row">
        <div class="col">
            1 of 3
        </div>
        <div class="col">
            1 of 3
        </div>
        <div class="col">
            1 of 3
        </div>
    </div>
</div>