Css 引导程序内联表单一个元素向左推标签

这就是它的渲染方式（在chrome中）

我希望做两件事：

使“我的公司”下拉标签像其他标签一样移动到顶部，然后将搜索框和“公司”下拉列表与其余字段内联

这不是空间问题（或者至少我认为不是）。如果除去公司下拉列表和联系人姓名之外的所有表单元素，我会得到相同的行为

生成的代码：

<form action="/TicketViewer" method="post" class="form-inline">
    <div class="form-group">
        <label for="inquiryID">Inquiry ID</label>
        <input type="text" class="form-control" id="inquiryID" name="inquiryID" placeholder="e.g. 7-2931">
    </div>
    <div class="form-group">
        <label for="contactName">Contact Name</label>
        <input type="text" class="form-control" id="contactName" name="contactName" placeholder="e.g. gavin (case insensitive) ">
    </div>
    <div class="form-group">
        <label for="searchKeyword">Search Keyword</label>
        <input type="text" class="form-control" id="searchKeyword" name="searchKeyword" placeholder="e.g. added mailbox (case insensitive)">
    </div>
    <div class="form-group">
        <label for="selectedCompany">Company</label>
        <select class="form-control" id="SelectedCompany" name="SelectedCompany"><option value=""></option>
<option>SNIPPED</option>
</select>
    </div>
    <div class="form-group">
        <label for="sel1">Engineer</label>
        <select class="form-control" id="engineer" name="engineer">
            <option value="" default selected>All Engineers</option>
            <option>REDACTED LIST/option>
        </select>
    </div>
    <button type="submit" class="btn btn-default">Search</button>
</form>

查询ID
联系人姓名
搜索关键字
单位
剪断
工程师
所有工程师
修订列表/选项>
搜寻

也许最好使用引导网格布局来显示表单： 您可以在其中使用嵌套网格实现此布局。这里有一个例子

<div class="col-sm-3">
   <div class="row">
      <div class="col-sm-12">text</div>
   </div>
   <div class="row">
      <div class="col-sm-12">textbox</div>
   </div>
</div>

文本
文本框

这不是纯粹的引导，是吗？你有这个代码的CSS吗？我们能看到一些CSS吗？只有你的HTML看起来不错。看看你想让我发布哪些元素？只是尝试在标签后面添加一个
，它正确对齐-这有助于诊断吗？可能有一些CSS干扰引导CSS。检查浏览器中的

.form组

、

标签

和

选择

元素，查看是否找到任何内容。