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>