使用引導程序的類在表內輸入文本的大小

Question

我有下面的代碼，我試圖使用引導程序的類來調整文本輸入元素的大小。但是，我無法將尺寸縮小。我希望它在桌面上變小，而不是佔用大量的空間。

<div class="container White_BG"> 
<div class="row" style="margin-left:0;margin-right:0;"> 
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 

<h1>Quickly place your order with this form.</h1> 
<h2>Please enter the item numbers that you wish to order; once you add to the cart, then you will be able to change the quantity of those items ordered.</h2> 

<div class="table-responsive"> 
    <form method="post" name="QuickOrderMulti"> 
     <table class="table table-bordered table-condensed table-hover"> 
      <tr> 
       <th>Item #</th> 
       <th>Quantity</th> 
       <th>Description</th> 
       <th>Price</th> 
       <th>Subtotal</th> 
      </tr> 
      <tr> 
       <td> 
        <div class="col-lg-2"> 
         <input type="text"> 
        </div> 
       </td> 
       <td> 
        <input type="text"> 
       </td> 
       <td> 

       </td> 
       <td> 

       </td> 
       <td> 

       </td> 
      </tr> 
     </table> 
    </form> 
</div> 

</div> 
</div> 
</div> 

的違規行爲：

<td> 
    <div class="col-lg-2"> 
     <input type="text"> 
    </div> 
</td> 

我使用col-lg-2，使之只佔用2分格列試過，所以也許它會是較小的。但沒有這樣的運氣。

Answer 1

而不是將它包圍在div中，請嘗試使用所選類進行輸入。

例如

<input class="col-lg-2" type="text">