Skip to main content

Grid system

Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, six default responsive tiers, Sass variables and mixins, and dozens of predefined classes.

Five grid

Many customers ask about 5 grid in bootstrap, we make this custom grids specifically at Upgency. This grid is col-24 in this grid you can divide columns into 5 parts or 20% width.

One of five columns
One of five columns
One of five columns
One of five columns
One of five columns
<div class="container">
  <div class="row">
    <div class="col-24">
      One of five columns
    </div>
    <div class="col-24">
      One of five columns
    </div>
    <div class="col-24">
      One of five columns
    </div>
    <div class="col-24">
      One of five columns
    </div>
    <div class="col-24">
      One of five columns
    </div>
  </div>
</div>

5 grid is also responsive like other grid, you can use .col-sm-24, .col-md-24, col-lg-24, .col-lg-24, .col-xl-24, .col-xxl-24

More grid

More grid can read in Official Bootstrap Documentation