Grid System

Arty is built with Bootstrap v5.x Front-end Framework. Bootstrap's grid system allows up to 12 columns across the page. You can use all 12 columns individually or you can group the columns together to create wider columns. Columns must be placed within a .row and the rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding. Click here to learn more about Bootstrap Grid.

Basic Grid

Column 1

Column 2

Column 3


<div class="row">
  <div class="col-12 col-md-4">
    <div class="p-4 bg-gray">
      <p>Column 1</p>
    </div>
  </div>
  <div class="col-12 col-md-4">
    <div class="p-4 bg-gray">
      <p>Column 2</p>
    </div>
  </div>
  <div class="col-12 col-md-4">
    <div class="p-4 bg-gray">
      <p>Column 3</p>
    </div>
  </div>
</div>

FAQ
Contact