<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>list</th> <th>Date created</th> <th>designed</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">new</span> </td> </tr> <tr> <td>Emily F. Burns</td> <td>2011/12/01</td> <td>Staff</td> <td><span class="label label-important">important</span></td> </tr> <tr> <td>Andrew A. Stout</td> <td>2010/08/21</td> <td>User</td> <td><span class="label">send</span></td> </tr> <tr> <td>Mary M. Bryan</td> <td>2009/04/11</td> <td>Editor</td> <td><span class="label label-warning">export</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>