<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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <form class="col-md-12"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"> </div> </form> </div> </div> <div class="row"> <div class="col-md-4"> <div class="row"> <div class="col-md-12"> <img src="http://placehold.it/210x210" class="img-rounded" alt="Cinque Terre" width="210" height="210"> </div> </div> <div class="row"> <div class="col-md-3"> <img src="http://placehold.it/70x70" class="img-rounded" alt="Cinque Terre" width="70" height="70"> </div> <div class="col-md-3"> <img src="http://placehold.it/70x70" class="img-rounded" alt="Cinque Terre" width="70" height="70"> </div> <div class="col-md-3"> <img src="http://placehold.it/70x70" class="img-rounded" alt="Cinque Terre" width="70" height="70"> </div> </div> </div> <div class="col-md-8"> <div class="product-title">Iphone 7</div> <div class="product-desc">New generation iphone</div> <div class="product-desc">New generation iphone</div> <div class="product-desc">New generation iphone</div> <div class="product-desc">New generation iphone</div> <hr> <div class="product-price">$ 1234.00</div> </div> </div> </div> <hr> <div class="row"> <div class="col-md-12"> <ul class="nav nav-tabs nav_tabs"> <li class="active"><a href="#service-one" data-toggle="tab">DESCRIPTION</a> <p>123123123</p> <p>123123123</p> <p>123123123</p> </li> <li><a href="#service-two" data-toggle="tab">SPECFICATION</a> <p>45645646</p> <p>123123123</p> <p>123123123</p> <p>123123123</p> <p>123123123</p> </li> </ul> </div> </div> <div class="row"> <div class="col-md-1 col-md-offset-11"> <button type="button" class="btn btn-primary">Primary</button> </div> </div> </div>