Bootstrap Grid-Gap

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