形式與細節標籤

Question

我創建的形式，看起來像這樣

我將如何得到內的3列和行的行？我嘗試使用類=「COL-MD-4」 然後在它我創建兩個div與浮法左

<label for="Halves">Halves</label> &nbsp;<label for="Quantity">Quantity:</label><input name="qty" id="qty" type="text" size="10"/>

，但仍然不知道如何獲得減半下率（每圖片）

Answer 1

你在找這樣的事嗎？ Js Fiddle

<div class="row"> 
    <div class="col-md-3"> 
     <div class="form-group"> 
      <label class="control-label col-md-6"> Halves</label> 
      <label class="control-label"> Quantity</label> 
      <input name="qty" id="qty" type="text" size="10"/> 
      <div class="input-group"> 
       <i>$14.5 per LB</i> 
      </div>   
     </div> 
    </div>  
</div 

上述結構可以擴展爲多列/行。