<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.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 class="text-center">Bootstrap Design table</h2> <div class="table-responsive"> <table class="table table-bordered table-hover"> <thead> <tr> <th>Member Name</th> <th>Email</th> <th>Contact No</th> <th>Current Degree Program</th> </tr> </thead> <tbody> <tr> <td><input id="fname" name="fname" required="required" type="text"></td> <td><input id="fname" name="fname" required="required" type="text"></td> <td><input id="fname" name="fname" required="required" type="text"></td> <td> <label class="checkbox-inline"><input type="checkbox" value="">Bachelors</label> <label class="checkbox-inline"><input type="checkbox" value="">Masters</label> </td> </tr> <tr> <td><input id="fname" name="fname" required="required" type="text"></td> <td><input id="fname" name="fname" required="required" type="text"></td> <td><input id="fname" name="fname" required="required" type="text"></td> <td> <label class="checkbox-inline"><input type="checkbox" value="">Bachelors</label> <label class="checkbox-inline"><input type="checkbox" value="">Masters</label> </td> </tr> <tr> <td><input id="fname" name="fname" required="required" type="text"></td> <td><input id="fname" name="fname" required="required" type="text"></td> <td><input id="fname" name="fname" required="required" type="text"></td> <td> <label class="checkbox-inline"><input type="checkbox" value="">Bachelors</label> <label class="checkbox-inline"><input type="checkbox" value="">Masters</label> </td> </tr> </tbody> </table> </div> <div class="table-responsive"> <table class="table table-bordered table-hover"> <thead> <tr> <th>Member Name</th> <th>Email</th> <th>Contact No</th> <th>Current Degree Program</th> </tr> </thead> <tbody> <tr> <td><input id="fname" name="fname" required="required" type="text"></td> <td><input id="fname" name="fname" required="required" type="text"></td> <td><input id="fname" name="fname" required="required" type="text"></td> <td> <label class="checkbox-inline"><input type="checkbox" value="">Bachelors</label> <label class="checkbox-inline"><input type="checkbox" value="">Masters</label> </td> </tr> <tr> <td><input id="fname" name="fname" required="required" type="text"></td> <td><input id="fname" name="fname" required="required" type="text"></td> <td><input id="fname" name="fname" required="required" type="text"></td> <td> <label class="checkbox-inline"><input type="checkbox" value="">Bachelors</label> <label class="checkbox-inline"><input type="checkbox" value="">Masters</label> </td> </tr> <tr> <td><input id="fname" name="fname" required="required" type="text"></td> <td><input id="fname" name="fname" required="required" type="text"></td> <td><input id="fname" name="fname" required="required" type="text"></td> <td> <label class="checkbox-inline"><input type="checkbox" value="">Bachelors</label> <label class="checkbox-inline"><input type="checkbox" value="">Masters</label> </td> </tr> </tbody> </table> </div> </div> </div>