<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="span5"> <table class="table table-striped table-condensed"> <thead> <tr> <th>Username</th> <th>Date registered</th> <th>Role</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>Donna R. Folse</td> <td>2012/05/06</td> <td>Editor</td> <td><span class="label label-success">Active</span> </td> </tr> <tr> <td>Emily F. Burns</td> <td>2011/12/01</td> <td>Staff</td> <td><span class="label label-danger">Banned</span></td> </tr> <tr> <td>Andrew A. Stout</td> <td>2010/08/21</td> <td>User</td> <td><span class="label label-default">Inactive</span></td> </tr> <tr> <td>Mary M. Bryan</td> <td>2009/04/11</td> <td>Editor</td> <td><span class="label label-warning">Pending</span></td> </tr> <tr> <td>Mary A. Lewis</td> <td>2007/02/01</td> <td>Staff</td> <td><span class="label label-success">Active</span></td> </tr> </tbody> </table> </div> </div> </div>