HTML表與引導文本字段

Question

您好我需要在html表中使用引導添加文本字段，但是當在html表格單元格中使用引導類時，textfield太小。 在以下代碼示例中，問題出現在textfield id =「Winvnetv」中。

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