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 Onekit. 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