<div class="container">
  <div class="row">
 <div class="col-md-6 col-md-offset-3">
        <p>Offset</p>
    </div>
</div>

    
  </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-fluid{
  background-color:#F5F5DC;
  height: 200px;
}
.row{
  padding: 10px;
  background-color:#FF1493;
}
.col-sm-6{
  background-color:#BA55D3;
}
.col-md-6{
 background-color:#D8BFD8;
 border: 1px solid black;
}

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.