Html 如何在引导中内联显示两个字段？

我有一个forw，其中我需要显示两个彼此相邻的字段：

选择

+

输入

。我的代码是：

<div role="form">
    <div class="form-group">
        <input type="text" class="form-control" placeholder="Enter date" id="maps-filter-input-date">
    </div>
    <div class="form-group" id="maps-filter-select-track">
        <select class="form-control" class="display-inline-block">
            <option>Select date</option>
        </select>
        <input type="text" class="form-control" placeholder="Enter date">
    </div>
    <div class="form-group" id="maps-filter-select-track">
        <select class="form-control">
            <option>Select date</option>
        </select>
        <input type="text" class="form-control" placeholder="Enter date">
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
</div>

选择日期
选择日期
提交

看起来是这样的：

---

用黑色显示它应该在哪里。那么，可以使用默认引导类吗

从引导文档：

将.form inline添加到左对齐和内联块控件的

您还需要为表单元素设置自定义宽度，请参见详细信息

<div class="form-group" id="maps-filter-select-track">

到

这是bootply

---

这是Bootstrap v2，对吗？

。表单内联

实际上是作为

表单组

的包装，而不是与

表单组

一起在同一元素上使用。

<div class="form-group form-inline" id="maps-filter-select-track">