<div class="container">
  <h3>This is a container</h3>
  <div class="row">
    <h3>This is row</h3>
    <div class="col-sm-12">
  <h3> This is a heading inside 12 columns spanning across a row</h3>
    </div> <!-- end of col -->
  </div> <!-- end of row -->
</div> <!-- end of container-->

@import url("https://fonts.googleapis.com/css?family=Inconsolata:400,700");

body{
  font-family: Inconsolata, monospace;
}
.container{
  background-color:#F5F5DC;
  height: 200px;
  text-align:center;
}
h3{
  color:#4B0082;
}
.row{
  padding: 2px;
  background-color:#FF1493;
}
.col-sm-12{
  background-color:#48D1CC;
}

External CSS

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

External JavaScript

This Pen doesn't use any external JavaScript resources.