<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div class="panel panel-default ticket-list"> <div class="panel-heading"> <h3 class="panel-title text-center">Ticket</h3> </div> <div class="panel-body "> <table class="table"> <thead class='table-head'> <tr class='table-head'> <th>TICKET TYPE</th> <th>PRICE</th> <th>QUANTITY</th> </tr> </thead> <tbody> <tr> <td>John</td> <td>Doe</td> <td>john@example.com</td> </tr> <tr> <td>Mary</td> <td>Moe</td> <td>mary@example.com</td> </tr> <tr> <td>July</td> <td>Dooley</td> <td>july@example.com</td> </tr> </tbody> </table> </div> </div> </div> </div> </div>

.ticket-list .panel-heading { background-color:#F4F8F9; border-bottom: none; } .ticket-list .panel-body { background-color:#F4F8F9; } .ticket-list .table-head{ border: none; }