<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 ----------> <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>America Elements</td> <td id="qty"><input type="number" id="editqty" style="width: 45px; padding: 1px" value="0" min="0"></td> <td id="price"><?php echo PRICE; ?></td> <td id="price_sub"></td> </tr> <tr> <th colspan="3"><span class="pull-right">Sub Total</span></th> <th id="subtotal"></th> </tr> <tr> <th colspan="3"><span class="pull-right">Shipping</span></th> <th id="shipping"></th> </tr> <tr> <th colspan="3"><span class="pull-right">Total</span></th> <th id="total"></th> </tr> <tr> <td><a href="#" class="btn btn-primary" data-dismiss="modal" >Continue</a></td> <td colspan="3"><a href="javascript:void(0)" id="checkout" class="pull-right btn btn-success">Checkout</a></td> </tr> </tbody> </table>