Question

您好我需要使用bootstrap在html表中添加textfield，但是当在html表格单元格中使用bootstrap类时，textfield太小了。在下面的代码示例中，问题出现在textfield id =＆＃34; Winvnetv＆＃34;。

<table class="table table-bordered table-striped">
<tr>
  <form id="formSuppliestrn" method="post" class="form-horizontal" >
     <td>
        <input type="text" name="Wsupplyid" id="Wsupplyid" >
     </td>
     <td><input type="text" name="Wsupplydesc" id="Wsupplydesc"></td>
     <td><input type="text" name="Wquantity" id="Wquantity"></td>
     <td>
        <div class="form-group">
           <label class="col-xs-3 control-label">Ποσό τιμολογίου</label>
           <div class="col-xs-3">
              <div class="input-group">
                 <span class="input-group-addon">€</span>
                 <input type="text" class="form-control" name="Winvnetv" id="Winvnetv"/>
              </div>
           </div>
        </div>
     </td>
     <td>
        <input type="text" name="Wtotv" id="Wtotv">
     </td>
     <td> <button type="submit" class="btn btn-sm btn-primary" id="trnadd">
        <span class="glyphicon glyphicon-plus-sign"></span>
        </button>
     </td>
  </form>
  </tr>
  </tbody>
  </table>

任何想法？

Answer 1

您可以将input-lg或input-sm类添加到文本框中。它会增加它的大小。

<input type="text" class="form-control input-lg" name="Winvnetv" id="Winvnetv"/>

带引导文本字段的html表

1 个答案: