<div class="container">
<div class="row">
  <div class= "col first" > Division 1</div>
  <div class= "col second"> Division 2</div>
  <div class= "col third"> Division 3</div>
 <div class= "col fourth">
   <div class="row">
     <div class="col nest1"></div>
     <div class="col nest2"></div>
   </div>
   </div>
 </div>
<div>
.first{
  height: 100px;
  background-color: teal;
  
}

.second{
  height: 100px;
  background-color: fuchsia;
  
}

.third{
  height: 100px;
  background-color:gold;
  
}

.fourth{
  height: 100px;
  background-color:silver;
  
}

.nest1{
  height:50px;
  background-color: blue;
}

.nest2{
  height: 45px;
  background-color: red;
}

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.