<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/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>Role</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>Editor</td> <td><span class="label label-success">Active</span> </td> </tr> <tr> <td>Staff</td> <td><span class="label label-important">Banned</span></td> </tr> <tr> <td>User</td> <td><span class="label">Inactive</span></td> </tr> <tr> <td>Editor</td> <td><span class="label label-warning">Pending</span></td> </tr> <tr> <td>Staff</td> <td><span class="label label-success">Active</span></td> </tr> </tbody> </table> </div> </div> </div>