<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 ----------> <style type="text/css"> .tg {border-collapse:collapse;border-spacing:0;margin:0px auto;} .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} .tg .tg-yw4l{vertical-align:top; text-align:center; display: table-cell; padding: 8px; box-sizing: border-box; vertical-align:middle;} @media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}} </style> <div class="tg-wrap"><table class="tg"> <tr> <th class="tg-yw4l">No Urut</th> <th class="tg-yw4l">Nama</th> <th class="tg-yw4l"></th> <th class="tg-yw4l"></th> </tr> <tr> <td class="tg-yw4l">1</td> <td> <div style="width:100%;" class="col-md-4"> <input id="txtNama" name="txtNama0" type="text" placeholder="Nama Kenshi" class="form-control input-md" required=""> </div></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">2</td> <td class="tg-yw4l"><div style="width:100%;" class="col-md-4"> <input id="txtNama" name="txtNama1" type="text" placeholder="Nama Kenshi" class="form-control input-md" required=""> </div</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">3</td> <td class="tg-yw4l"><div style="width:100%;" class="col-md-4"> <input id="txtNama" name="txtNama2" type="text" placeholder="Nama Kenshi" class="form-control input-md" required=""> </div</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">4</td> <td class="tg-yw4l"><div style="width:100%;" class="col-md-4"> <input id="txtNama" name="txtNama3" type="text" placeholder="Nama Kenshi" class="form-control input-md" required=""> </div</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">5</td> <td class="tg-yw4l"><div style="width:100%;" class="col-md-4"> <input id="txtNama" name="txtNama4" type="text" placeholder="Nama Kenshi" class="form-control input-md" required=""> </div</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">6</td> <td class="tg-yw4l"><div style="width:100%;" class="col-md-4"> <input id="txtNama" name="txtNama5" type="text" placeholder="Nama Kenshi" class="form-control input-md" required=""> </div</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">7</td> <td class="tg-yw4l"><div style="width:100%;" class="col-md-4"> <input id="txtNama" name="txtNama6" type="text" placeholder="Nama Kenshi" class="form-control input-md" required=""> </div</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">8</td> <td class="tg-yw4l"><div style="width:100%;" class="col-md-4"> <input id="txtNama" name="txtNama7" type="text" placeholder="Nama Kenshi" class="form-control input-md" required=""> </div</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">9</td> <td class="tg-yw4l"><div style="width:100%;" class="col-md-4"> <input id="txtNama" name="txtNama8" type="text" placeholder="Nama Kenshi" class="form-control input-md" required=""> </div</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">10</td> <td class="tg-yw4l"><div style="width:100%;" class="col-md-4"> <input id="txtNama" name="txtNama9" type="text" placeholder="Nama Kenshi" class="form-control input-md" required=""> </div</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">11</td> <td class="tg-yw4l"><div style="width:100%;" class="col-md-4"> <input id="txtNama" name="txtNama10" type="text" placeholder="Nama Manager" class="form-control input-md" required=""> </div</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l">12</td> <td class="tg-yw4l"><div style="width:100%;" class="col-md-4"> <input id="txtNama" name="txtNama11" type="text" placeholder="Nama Manager" class="form-control input-md" required=""> </div</td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> <tr> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> <td class="tg-yw4l"></td> </tr> </table></div>