4/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

4/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

4/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

3/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

3/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

3/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

3/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

4/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit.

8/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati a aperiam maiores nostrum, a aperiam.

9/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

3/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

10/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat.

2/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur.

6/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

6/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

3/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

6/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

3/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

12/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

Offsetting columns

4/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

4/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

3/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

3/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

6/12

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit obcaecati ratione quidem iure sapiente, omnis delectus. Saepe suscipit, a aperiam maiores nostrum libero iste temporibus. Fugiat a quibusdam necessitatibus obcaecati.

<div class="container">  
  <div class="col-md-12">
    <div class="row">
      <div class="col-md-4">
        <h4 class="light text-uppercase text-center">4/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
      <div class="col-md-4">
        <h4 class="light text-uppercase text-center">4/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
      <div class="col-md-4">
        <h4 class="light text-uppercase text-center">4/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-3">
        <h4 class="light text-uppercase text-center">3/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
      <div class="col-md-3">
        <h4 class="light text-uppercase text-center">3/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
      <div class="col-md-3">
        <h4 class="light text-uppercase text-center">3/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
      <div class="col-md-3">
        <h4 class="light text-uppercase text-center">3/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4">
        <h4 class="light text-uppercase text-center">4/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
      <div class="col-md-8">
        <h4 class="light text-uppercase text-center">8/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-9">
        <h4 class="light text-uppercase text-center">9/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
      <div class="col-md-3">
        <h4 class="light text-uppercase text-center">3/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-10">
        <h4 class="light text-uppercase text-center">10/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
      <div class="col-md-2">
        <h4 class="light text-uppercase text-center">2/12</h4>
        <p>
          ...
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-6">
        <h4 class="light text-uppercase text-center">6/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
      <div class="col-md-6">
        <h4 class="light text-uppercase text-center">6/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-3">
        <h4 class="light text-uppercase text-center">3/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
      <div class="col-md-6">
        <h4 class="light text-uppercase text-center">6/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
      <div class="col-md-3">
        <h4 class="light text-uppercase text-center">3/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <h4 class="light text-uppercase text-center">12/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
    </div>
    <h2 class="h3 light text-uppercase">Offsetting columns </h2>
    <div class="row">
      <div class="col-md-4">
        <h4 class="light text-uppercase text-center">4/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
      <div class="col-md-4 col-md-offset-4">
        <h4 class="light text-uppercase text-center">4/12</h4>
        <p class="mb50">
          ...                                
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-3 col-md-offset-3">
        <h4 class="light text-uppercase text-center">3/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
      <div class="col-md-3 col-md-offset-3">
        <h4 class="light text-uppercase text-center">3/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-6 col-md-offset-3">
        <h4 class="light text-uppercase text-center">6/12</h4>
        <p class="mb50">
          ...
        </p>
      </div>
    </div>
  </div>
</div>