Forms 如何使用引导表单控件类强制输入与其标签保持在同一行上？

我试图强迫一个

和它的

保持在同一条线上

我使用表单控件类使

变得漂亮。然而，当我这样做的时候，它真的想把自己放在一条单独的线上。我避免使用行和列，因为我希望标签就在文本框旁边，而不是根据屏幕大小移动

  <div>
    <label class="form-label">Search</label>
    <input type="text" class="form-control">
  </div>

搜寻

我想要这个：

搜索

我明白了：

搜寻

[\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu]

我该如何强迫他们保持一致

---

引导程序将您要查找的内容称为内联表单或水平表单

<form class="form-inline" role="form">
  <div class="form-group">
    <label class="form-label">Search</label>
    <input type="text" class="form-control">
  </div>
 </form>

当使用

表单水平

时，

表单组

的作用类似于一行，因此您可以将内容移动到单独的行：）因此，您需要使用网格属性，以便标签/输入正确对齐

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label class="col-sm-2 control-label">Search</label>
     <div class="col-sm-10">
       <input type="text" class="form-control">
    </div>
  </div>
 </form>