表单组中的引导标签和输入大小答案

【问题标题】：Bootstrap label and input sizing in a form group表单组中的引导标签和输入大小
【发布时间】：2016-06-24 05:15:35
【问题描述】：

我有一个使用引导程序的 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>

【问题讨论】：

标签： html css asp.net twitter-bootstrap

【解决方案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>

【讨论】：