<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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="col-md-12"> <h1 class="text-center"> <!--No more tables.--> </h1> <h3 class="text-center"> <!--Resize the browser screen to see how the table changes--> </h3> </div> <div id="no-more-tables"> <table class="col-md-12 table-bordered table-striped table-condensed cf"> <thead class="cf"> <tr> <th>Visit Date</th> <th>Patient Name</th> <th>Patient MRN</th> <th>Team</th> <th>Visit Type</th> <th>Visit Type Code</th> </tr> </thead> <tbody> <tr> <td data-title="Visit Date">11/18/14</td> <td data-title="Patient Name">John Henry</td> <td data-title="Patient MRN">659871542</td> <td data-title="Team">Region 1</td> <td data-title="Visit Type">HHA - Bath</td> <td data-title="Visit Type Code">3215</td> </tr> <tr> <td data-title="Visit Date">11/18/14</td> <td data-title="Patient Name">John Henry</td> <td data-title="Patient MRN">659871542</td> <td data-title="Team">Region 1</td> <td data-title="Visit Type">Case Management - RN</td> <td data-title="Visit Type Code">3658</td> </tr> <tr> <td data-title="Visit Date">11/18/14</td> <td data-title="Patient Name">John Henry</td> <td data-title="Patient MRN">659871542</td> <td data-title="Team">Region 1</td> <td data-title="Visit Type">LNP - Regular</td> <td data-title="Visit Type Code">3987</td> </tr> <tr> <td data-title="Visit Date">11/23/14</td> <td data-title="Patient Name">Patricia Hackbarth</td> <td data-title="Patient MRN">24589325487</td> <td data-title="Team">Region 4</td> <td data-title="Visit Type">ST - Admit</td> <td data-title="Visit Type Code">3215</td> </tr> <tr> <td data-title="Visit Date">11/23/14</td> <td data-title="Patient Name">Patricia Hackbarth</td> <td data-title="Patient MRN">24589325487</td> <td data-title="Team">Region 4</td> <td data-title="Visit Type">OT - Admit</td> <td data-title="Visit Type Code">3215</td> </tr> </tbody> </table> </div> </div> <div class="row"> <p class="bg-success" style="padding:10px;margin-top:20px"><small><a href="http://elvery.net/demo/responsive-tables/#no-more-tables" target="_blank">Link</a> to original article</small></p> </div> </div>