Logo Luan Morina
Responsive Columns
Bootstrap responsive columns demo

content

content

content

content

HTML

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

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

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

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

CSS

.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;
}
   Bootstrap Responsive Columns