Question

默认情况下，我的所有输入字段的宽度都是100％。对于我的一个表单字段，我需要标签与输入字段内联。其余的都可以叠加。我尝试了以下内容，但它仍然将输入字段推到其标签下方：

<div class="form-inline">
    <div class="form-group">
        <asp:Label ID="fieldLabel1" runat="server" Text="Field label 1" AssociatedControlID="ntxtFieldLabel1"></asp:Label>
        <telerik:RadNumericTextBox ID="ntxtFieldLabel1" runat="server" Width="100%" CssClass="form-control"></telerik:RadNumericTextBox>
    </div>                                                    
</div>

Answer 1

您可以使用col-*-*类标记来设置所需的cols数量。

例如，您使用类col-md-2为2列设置标签。对于输入元素，最佳做法是使用父div容器。然后在此父级上使用类col-md-10设置列数。

<div class="form-horizontal">
   <div class="form-group">
      <label class="control-label col-md-2" for="BrandId">Merk</label>
      <div class="col-md-10">
          <input type="text" class="form-control"></input>
      </div>
    </div>
    <div class="form-group">
      <label class="control-label col-md-2" for="BrandId">Merk</label>
      <div class="col-md-10">
          <input type="text" class="form-control"></input>
      </div>
    </div>
</div>

看一下我的小提琴示例：

http://jsfiddle.net/VDesign/0vp9aL61/

使某些表单字段与标签内联

1 个答案: