<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <section class="container-fluid"> <div class="row"> <div class="bg-primary"> <div class="h500 pad30"> <h2 class="h1">this is module name</h2> <div class="bt2"> <div class="mt300"> <p class="pull-left h3"> hello </p> <p class="pull-right h3"> hello </p> </div> </div> </div> </div> </div> </section>

.h500{ height:500px; } .pad30{ padding:30px; } .bt2{ border-top:2px solid white; } .h1{ margin-bottom:300px; }