<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="//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>Movie Name</th> <th>Rating</th> <th>Times Rented</th> <th>Status</th> </tr> </thead> <tbody> <!--row--> <tr> <td>Toy Story</td> <td> <span style="color:green;">5</span> /5 </td> <td>370</td> <td><span class="label label-success">Active</span> </td> </tr> <!--/.row--> <!--row--> <tr> <td>Toy Story 2</td> <td> <span style="color:green;">4.7</span> /5 </td> <td>370</td> <td><span class="label label-success">Active</span> </td> </tr> <!--/.row--> <!--row--> <tr> <td>Saw III</td> <td> <span style="color:orange;">3</span> /5 </td> <td>370</td> <td><span class="label label-success">Active</span> </td> </tr> <!--/.row--> <!--row--> <tr> <td>Toy Story</td> <td> <span style="color:green;">5</span> /5 </td> <td>370</td> <td><span class="label label-success">Active</span> </td> </tr> <!--/.row--> <!--row--> <tr> <td>Hangover 3</td> <td> <span style="color:red;">1</span> /5 </td> <td>370</td> <td><span class="label label-success">Active</span> </td> </tr> <!--/.row--> </tbody> </table> </div> </div> </div>