<div class="container-fluid">
 <div class="row">
 
  <div class="col-md-2">
   <p class="demo-content demo-content-1">content</p>
  </div>

  <div class="col-md-2">
   <p class="demo-content demo-content-2">content</p>
  </div>
  
  <div class="col-md-2">
   <p class="demo-content demo-content-3">content</p>
  </div>

  <div class="col-md-2">
   <p class="demo-content demo-content-4">content</p>
  </div>
  
  <div class="col-md-2">
   <p class="demo-content demo-content-5">content</p>
  </div>
  
  <div class="col-md-2">
   <p class="demo-content demo-content-6">content</p>
  </div>
  
 </div>
</div>

.demo-content {
  color: #FFFFFF;
  padding: 2.9rem 2rem;
  text-align: center;
}

.demo-content-1 {
  background-color: #537C78;
}

.demo-content-2 {
  background-color: #7BA591;
}

.demo-content-3 {
  background-color: #CC222B;
}

.demo-content-4 {
  background-color: #F15B4C;
}

.demo-content-5 {
  background-color: #FAA41B;
}

.demo-content-6 {
  background-color: #FFD45B;
}