在行中形成标签的详细信息

Question

我正在创建一个类似于

的表单

我如何获得3列和行？我尝试使用class =“col-md-4” 然后在其中我创建了两个带左浮动的div

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

但仍然不确定如何在Halves下获得费率（根据图片）

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

上述结构可以扩展为多列/行。