<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.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"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> </div> </div> <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>