Grid Structure

RGen Landing page builds on a bootstrap 4.0+ grid structure.

<!-- Grid row -->
<div class="row gt30 mb30">
     
    <!-- column -->
    <div class="col-md-4">
        ... GIRD COLUMN CONTENT ...
    </div>
 
    <!-- column -->
    <div class="col-md-4">
        ... GIRD COLUMN CONTENT ...
    </div>
 
    <!-- column -->
    <div class="col-md-4">
        ... GIRD COLUMN CONTENT ...
    </div>
 
</div>
<!-- / Grid row -->

 

Grid Helper Class

  • Use following classes along with row to adjust space between columns
    gt0, gt1, gt2, gt4, gt10, gt12, gt14, gt16, gt18, gt20, gt22, gt24, gt26, gt28, gt30, gt40, gt50, gt60, gt70, gt80, gt90, gt100
  • Use following classes along with row to apply bottom margin on columns
    mb0, mb1, mb2, mb4, mb10, mb12, mb14, mb16, mb18, mb20, mb22, mb24, mb26, mb28, mb30, mb40, mb50, mb60, mb70, mb80, mb90, mb100

Related Articles