"car-variants"
Bootstrap 3.3.0 Snippet by jeevan123456

<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 ----------> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <div class="site-panel"> <div class="container"> <div class="row"> <div class="col-md-3 sidebar well"> </div> <div class="col-md-9 content-box"> <div class="well"> <div class="row gaadiexpert-title-box"> <div class="col-md-12"> <div class="site-title"> <h3>Audi Q5 Variants</h3> <hr> </div> </div> </div> <div class="row"> <div class="table-responsive"> <table class="table table-fixed"> <thead> <tr> <th>Variant</th> <th>Price</th> <th>Compare</th> </tr> </thead> <tbody> <tr> <td> <a href="#">35TDI</a> <br> 1968cc | Automatic | Diesel </td> <td>Rs. 53.25 Lakh</td> <td> <div class="checkbox"> <label><input type="checkbox" value=""></label> </div> </td> </tr> <tr> <td> <a href="#">35TDI</a> <br> 1968cc | Automatic | Diesel </td> <td>Rs. 53.25 Lakh</td> <td> <div class="checkbox"> <label><input type="checkbox" value=""></label> </div> </td> </tr> <tr> <td> <a href="#">35TDI</a> <br> 1968cc | Automatic | Diesel </td> <td>Rs. 53.25 Lakh</td> <td> <div class="checkbox"> <label><input type="checkbox" value=""></label> </div> </td> </tr> <tr> <td> <a href="#">35TDI</a> <br> 1968cc | Automatic | Diesel </td> <td>Rs. 53.25 Lakh</td> <td> <div class="checkbox"> <label><input type="checkbox" value=""></label> </div> </td> </tr> <tr> <td> <a href="#">35TDI</a> <br> 1968cc | Automatic | Diesel </td> <td>Rs. 53.25 Lakh</td> <td> <div class="checkbox"> <label><input type="checkbox" value=""></label> </div> </td> </tr> <tr> <td> <a href="#">35TDI</a> <br> 1968cc | Automatic | Diesel </td> <td>Rs. 53.25 Lakh</td> <td> <div class="checkbox"> <label><input type="checkbox" value=""></label> </div> </td> </tr> <tr> <td> <a href="#">35TDI</a> <br> 1968cc | Automatic | Diesel </td> <td>Rs. 53.25 Lakh</td> <td> <div class="checkbox"> <label><input type="checkbox" value=""></label> </div> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> </div>
body {background:#e2e2e2;} .well {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;} .table-responsive { max-height:300px; }

Related: See More


Questions / Comments: