Get started

Introduction

boogo was thought and developed to get the most out of mobile development but it can also be used perfectly in desktop development. Use our powerful flexbox grid to create layouts of all shapes and sizes thanks to a twelve (12) column system, five default response levels, Sass and mixin variables, and dozens of predefined classes.

What’s included in this packaje?

In our download you will find this directory and file structure:

One of three columns
One of three columns
One of three columns

 

child grid

Boogo’s grid system uses a series of containers, rows, and columns to layout and align content. It’s built with flexbox and is fully responsive. Below is an example and an in-depth explanation for how the grid system comes together.

One of three columns
One of three columns
One of three columns
<div class="container">
  <div class="row">
    <div class="col-xs col-sm col-md col-lg col-xl">
      One of three columns
    </div>
    <div class="col-xs col-sm col-md col-lg col-xl">
      One of three columns
    </div>
    <div class="col-xs col-sm col-md col-lg col-xl">
      One of three columns
    </div>
  </div>
</div>

grid

grid