<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 ----------> <h1> Table In Bootstrap </h1> <table class="table table-hover"> <thead> <tr> <th>Firstname</th> <th>Lastname</th> <th>Email</th> </tr> </thead> <tbody> <tr> <td>Ayaz</td> <td>Ijaz</td> <td>ayaz@test.com</td> </tr> <tr> <td>awais</td> <td>ijaz</td> <td>awais@test.com</td> </tr> <tr> <td>naveed</td> <td>kamran</td> <td>naveed@test.com</td> </tr> </tbody> </table>

h1 { text-align:center; } .table { width: 75%; margin: 2% auto; }