Bootstrap columns

by Vishnuprasad ps

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<div class="row item-box-panel">
  <div class="col-md-4 col-lg-2">
    <div class="item-box">
      <h4>
        Test
      </h4>
      <p>
        Test
      </p>
    </div>
  </div>
  <div class="col-md-4 col-lg-2">
    <div class="item-box">
      <h4>
        Test
      </h4>
      <p>
        Test
      </p>
    </div>
  </div>
  <div class="col-md-4 col-lg-2">
    <div class="item-box">
      <h4>
        Test
      </h4>
      <p>
        Test
      </p>
    </div>
  </div>
  <div class="col-md-4 col-lg-2">
    <div class="item-box">
      <h4>
        Test
      </h4>
      <p>
        Test
      </p>
    </div>
  </div>
  <div class="col-md-4 col-lg-2">
    <div class="item-box">
      <h4>
        Test
      </h4>
      <p>
        Test
      </p>
    </div>
  </div>
  <div class="col-md-4 col-lg-2">
    <div class="item-box">
      <h4>
        Test
      </h4>
      <p>
        Test
      </p>
    </div>
  </div>
</div>

CSS

.item-box-panel [class*='col-'] {
  margin-bottom: 16px;
}

.item-box {
  padding: 16px;
}