Hi guys, is there any simple way to do grid-gap on bootstrap? I mean beside . offset (the smallest gap is one unit) or manually setting margin?
There is already a gap between columns. you can use the classes m-, ml-, mr- etc, as well as p-, pl-, pr- to add margins and padding for the content inside each column if you want to customise it further.
<div class="container">
<div class="row">
<div class="col-sm-4">
<div style="background:green">TEST</div>
</div>
<div class="col-sm-4">
<div style="background:green">TEST</div>
</div>
<div class="col-sm-4">
<div style="background:green">TEST</div>
</div>
</div>
</div>
1 Like