如何使引导'；使用CSS缩小水平表单标签？

Bootstrap有很多优点。我对使用像这样的“水平形式”感兴趣

这是使用web inspector工具栏概述某些元素后的外观：

我在一个弹出模式里面工作，空间已经有点紧了。我尝试将bootstrap的网格系统的

.span1

和

.span2

作为一个类添加到标签中，但它没有提供所需的行为

---

是否有一种方法可以使用引导的其他方面来获得所需的行为（即，收紧水平表单上标签占用的空间）？正确的方法是什么？我正在使用bootstrap版本

2.1

我不知道bootstrap是否已经为它定义了一些东西。下面是一个解决方法

<div class="control-group">
<label class="control-label" style="width:auto" for="inputEmail">Email</label>
<div class="controls" style="margin-left:auto">
<input type="text" class="input-small" id="inputEmail" placeholder="Email">
</div>
</div>

电子邮件

我添加了默认值为140px的

style=“width:auto”

和默认值为160px的

style=“margin left:auto”

。另外

class=“input small”

可减小输入字段的宽度，挤出更多空间，使其适合模式

---

现在，您可以根据需要进一步调整它。

为了减少垂直间距，

表单控件sm

缩小字体大小（使用引导4）：

标签

它似乎可以工作——我很惊讶bootstrap没有更好的内置支持。谢谢

<form>
  <div class="form-group form-row">
    <label class="col-sm-2 col-form-label form-control-sm">Label</label>
    <div class="col-sm-3">
      <input class="form-control form-control-sm">
    </div>
  </div>
</form>