<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 ----------> <div class="product-section"> <div class="container"> <div class="row"> <div class="col-md-3 sidebar"> <div class="content-wrap"> <h5>Sidebar content goest here</h5> </div> </div> <div class="col-md-9 product-box"> <div class="content-wrap"> <h5>Sidebar content goest here</h5> </div> </div> </div> </div> </div>

body {background:#e8e7e5;} .sidebar {background:#;} .product-box {background:#;} .content-wrap { padding:15px; background: #fff; min-height: 50px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); position: relative; margin-bottom: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }