Css 如何使用引导将两个选择并排放置？

我想在表单中并排放置两个选择选项。我使用的是Bootstrap3，但我无法正确对齐它们

以下是我的HTML代码：

    <form role="form">
        <div class="form-group">
            <div class="input-group date" id="datetimepicker1">
                <input type="text" class="form-control"/>
                <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
            </div>
        </div>
        <div class="form-group">
            <div class="input-group">
                <input type="text" class="form-control"/>
                <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
            </div>
        </div>
        <div class="form-group">
            <select class="form-control">
                <option>1</option>
                <option>2</option>
                <option>3</option>
            </select>
        </div>
        <div class="form-group">
            <select class="form-control">
                <option>1</option>
                <option>2</option>
                <option>3</option>
            </select>
        </div>
        <button type="submit" class="btn btn-primary btn-block te" >Prices &amp; Availability</button>
    </form>

1.
2.
3.
1.
2.
3.
价格及；可利用性

使用此

JSFIDLE

1.
2.
3.
1.
2.
3.

引导中的类表单控件的显示值为block。给它一个类d-inline-block

 <select class="form-control d-inline-block">

class=“col-md-6 col-sm-6”

相当于更简单、更不冗长的

class=“col-sm-6”

 <select class="form-control d-inline-block">