Layout

Content containers are the foundation of layouts and are styled via the ".content" class.

One Column Content Layout

This is a content area with 16px padding for all sides.

<div class="container">
  <div class="row">
    <div class="content col-12 p-3">
      <p>This is a content area with 16px padding for all sides.</p>
    </div>
  </div>
</div>

Two Column Content Layout

This is a content area with 16px padding for all sides.

This is a another content area with 16px padding for all sides.

<div class="container">
  <div class="row">
    <div class="content col-7 p-3">
      <p>This is a content area with 16px padding for all sides.</p>
    </div>
    <div class="content col-4 p-3 ml-auto">
      <p>This is a another content area with 16px padding for all sides.</p>
    </div>
  </div>
</div>