<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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"> <h1>Shopping Cart</h1><hr> <table class="table table-striped table-hover table-bordered"> <tbody> <tr> <th>Item</th> <th>QTY</th> <th>Unit Price</th> <th>Total Price</th> </tr> <tr> <td>Awesome Product</td> <td>1 <a href="#">X</a></td> <td>£250.00</td> <td>£250.00</td> </tr> <tr> <th colspan="3"><span class="pull-right">Sub Total</span></th> <th>£250.00</th> </tr> <tr> <th colspan="3"><span class="pull-right">VAT 20%</span></th> <th>£50.00</th> </tr> <tr> <th colspan="3"><span class="pull-right">Total</span></th> <th>£300.00</th> </tr> <tr> <td><a href="#" class="btn btn-primary">Continue Shopping</a></td> <td colspan="3"><a href="#" class="pull-right btn btn-success">Checkout</a></td> </tr> </tbody> </table> </div>