<div class="container">
  <div class="row">
    <div class="col-sm-12 "></div>
    <h5>Hey There</h5>
  </div> <!-- end of row -->  
</div> <!-- end of container div -->

.container{
  background-color: #B0E0E6;
}

@media(min-width:576px){
  body{
    background-color:#DDA0DD;   
  }
}
@media(min-width:768px){
    body{
    background-color:#9370DB;   
  }
  
}
@media(min-width:992px){
  body{
  background-color: hotpink;
  }
}
@media(min-width:1200px){
  body{
    background-color: #8A2BE2;
  }
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.