Bootstrap includes a powerful mobile-first flex box 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. You can use it with Sass mixins or our predefined classes.
<div class="row">
<div class="col-lg-4">
<div class="grid-box">
<div class="grid-body">col-lg-4</div>
</div>
</div>
<div class="col-lg-4">
<div class="grid-box">
<div class="grid-body">col-lg-4</div>
</div>
</div>
<div class="col-lg-4">
<div class="grid-box">
<div class="grid-body">col-lg-4</div>
</div>
</div>
</div>