Bootstrap Grid
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
<div class="row">
<div class="col-md-1 bg-light border mb-3 py-2 text-center">.col-md-1
</div>
<div class="col-md-1 bg-light border mb-3 py-2 text-center">.col-md-1
</div>
<div class="col-md-1 bg-light border mb-3 py-2 text-center">.col-md-1
</div>
<div class="col-md-1 bg-light border mb-3 py-2 text-center">.col-md-1
</div>
<div class="col-md-1 bg-light border mb-3 py-2 text-center">.col-md-1
</div>
<div class="col-md-1 bg-light border mb-3 py-2 text-center">.col-md-1
</div>
<div class="col-md-1 bg-light border mb-3 py-2 text-center">.col-md-1
</div>
<div class="col-md-1 bg-light border mb-3 py-2 text-center">.col-md-1
</div>
<div class="col-md-1 bg-light border mb-3 py-2 text-center">.col-md-1
</div>
<div class="col-md-1 bg-light border mb-3 py-2 text-center">.col-md-1
</div>
<div class="col-md-1 bg-light border mb-3 py-2 text-center">.col-md-1
</div>
<div class="col-md-1 bg-light border mb-3 py-2 text-center">.col-md-1
</div>
</div>
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
.col-md-2
<div class="row">
<div class="col-md-2 bg-light border mb-3 py-2 text-center">.col-md-2
</div>
<div class="col-md-2 bg-light border mb-3 py-2 text-center">.col-md-2
</div>
<div class="col-md-2 bg-light border mb-3 py-2 text-center">.col-md-2
</div>
<div class="col-md-2 bg-light border mb-3 py-2 text-center">.col-md-2
</div>
<div class="col-md-2 bg-light border mb-3 py-2 text-center">.col-md-2
</div>
<div class="col-md-2 bg-light border mb-3 py-2 text-center">.col-md-2
</div>
</div>
.col-md-3
.col-md-3
.col-md-3
.col-md-3
<div class="row">
<div class="col-md-3 bg-light border mb-3 py-2 text-center">.col-md-3
</div>
<div class="col-md-3 bg-light border mb-3 py-2 text-center">.col-md-3
</div>
<div class="col-md-3 bg-light border mb-3 py-2 text-center">.col-md-3
</div>
<div class="col-md-3 bg-light border mb-3 py-2 text-center">.col-md-3
</div>
</div>
.col-md-4
.col-md-4
.col-md-4
<div class="row">
<div class="col-md-4 bg-light border mb-3 py-2 text-center">.col-md-4
</div>
<div class="col-md-4 bg-light border mb-3 py-2 text-center">.col-md-4
</div>
<div class="col-md-4 bg-light border mb-3 py-2 text-center">.col-md-4
</div>
</div>
.col-md-5
.col-md-5
.col-md-2
<div class="row">
<div class="col-md-5 bg-light border mb-3 py-2 text-center">.col-md-5
</div>
<div class="col-md-5 bg-light border mb-3 py-2 text-center">.col-md-5
</div>
<div class="col-md-2 bg-light border mb-3 py-2 text-center">.col-md-2
</div>
</div>
.col-md-6
.col-md-6
<div class="row">
<div class="col-md-6 bg-light border mb-3 py-2 text-center">.col-md-6
</div>
<div class="col-md-6 bg-light border mb-3 py-2 text-center">.col-md-6
</div>
</div>
.col-md-1
.col-md-11
<div class="row">
<div class="col-md-1 bg-light border mb-3 py-2 text-center">.col-md-1
</div>
<div class="col-md-11 bg-light border mb-3 py-2 text-center">.col-md-11
</div>
</div>
.col-md-2
.col-md-10
<div class="row">
<div class="col-md-2 bg-light border mb-3 py-2 text-center">.col-md-2
</div>
<div class="col-md-10 bg-light border mb-3 py-2 text-center">.col-md-10
</div>
</div>
.col-md-3
.col-md-9
<div class="row">
<div class="col-md-3 bg-light border mb-3 py-2 text-center">.col-md-3
</div>
<div class="col-md-9 bg-light border mb-3 py-2 text-center">.col-md-9
</div>
</div>
.col-md-4
.col-md-8
<div class="row">
<div class="col-md-4 bg-light border mb-3 py-2 text-center">.col-md-4
</div>
<div class="col-md-8 bg-light border mb-3 py-2 text-center">.col-md-8
</div>
</div>