Question

我有一个使用bootstrap的asp页面，我无法弄清楚如何更改表单组中标签的大小。如果我更改<div>列大小，则会更改标签和输入的宽度。我需要标签很长但输入要短。这就是我所拥有的。很基本的。在下面的代码中，我只需要标签大小为8，输入大小为3.我已经尝试将输入包装在自己的div中，但格式看起来非常糟糕。

<div class="form-group">
   <div class="col-xs-8">
      <asp:label class="control-label dark-label">Inititiating Date: (if different than request date)</asp:label>
      <asp:TextBox ID="initDate" runat="server" class="form-control" placeholder="Inititiating Date"></asp:TextBox>
   </div>
</div>

Answer 1

如果我理解正确，您可以添加标签和输入网格类（col-xs-）

喜欢这样：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<div class="form-group">
  <label class="control-label dark-label col-xs-8">Inititiating Date: (if different than request date)</label>
  <input class="col-xs-3" type="text" ID="initDate" class="form-control" placeholder="Inititiating Date" />
</div>

表单组中的Bootstrap标签和输入大小调整

1 个答案: