     <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
          <div class="col-example">11</div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2">
          <div class="col-example">12</div>
        </div>
      </div>
      <!-- ./ Grid Bootstrap -->

      <p>This grid example displays:</p>
      <ul>
        <li>1 column on <strong>extra small</strong> devices <code>&lt;576px</code></li>
        <li>2 columns on <strong>small</strong> devices <code>≥576px</code></li>
        <l