<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"> <table id=tblTable class="table table-bordered table-condensed table-striped "> <tbody> <tr> <th scope="row">College</th> <td colspan="3"><a href="#" target="_blank">Green River</a></td> </tr> <tr> <th scope="row">Articulation Name</th> <td colspan="3">Accounting</td> </tr> <tr> <th scope="row">High School</th> <td colspan="3">Kentwood</td> </tr> <tr> <th scope="row">High School Class(s)</th> <td colspan="3">Class #1</td> </tr> <tr> <td> </td> <td colspan="3">Class #2</td> </tr> <tr> <td> </td> <td colspan="3">Class #3</td> </tr> <tr> <th scope="col">College Course(s)</th> <td>ACCT 110</td> <th scope='row'>Credits</th> <td>5</td> </tr> <tr> <td> </td> <td>ACCT 111</td> <th scope='row'>Credits</th> <td>5</td> </tr> <tr> <td> </td> <td>ACCT 112</td> <th scope='row'>Credits</th> <td>5</td> </tr> </tbody> </table> </div> </div>

#tblTable{ width: 500px; }