<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>
<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>