<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="row"> <div class="nav nav-header"></div> </div> <div class="row"> <div class="container contn"> <div class="row rw"> <div class="col-mg-3 rb">block 1</div> <div class="col-mg-3 rb">block 2</div> </div> <div class="row rw"> <div class="col-mg-3 rb">block 3</div> <div class="col-mg-3 rb">block 4</div> </div> <div class="row rw"> <div class="col-mg-3 rb">block 5</div> <div class="col-mg-3 rb">block 6</div> </div> </div> </div>

.contn{ background-color: #D3D3D3; } .rw { background-color:#E3C3C3; margin:1%; position:block; } .rb:nth-child(1){ width:48%; float:left; background-color: black; display:inline-block; } .rb:nth-child(2){ width:48%; float:left; background-color: green; display:inline-block; } .rb{ background-color:#E3C3C3; margin: 1%; }