在右拉面板Twitter引导中对齐水平组件

Question

我试图在右拉面板中对齐水平组件，但它仍然是垂直对齐。

Follow I'm doing:

        <div class="pull-right">
              <select class="form-control" id="month" onChange="selectMonth()">
                 <option value="01">
                    Mês
                 </option>
                 <option value="01">
                    Janeiro
                 </option>
                 <option value="02">
                    Fevereiro
                 </option>
                 <option value="03">
                    Março
                 </option>
                 <option value="04">
                    Abril
                 </option>
              </select>
              <select class="form-control" id="day" onChange="selectDay()">
                 <option value="01">
                    Dia
                 </option>
                 <option value="02">
                    01
                 </option>
                 <option value="03">
                    07
                 </option>
                 <option value="04">
                    14
                 </option>
              </select>
        </div>

https://jsfiddle.net/lbclucascosta/e30toqa1/2/

这是由form-control引起的，但我所做的一切都不起作用。我想把月份选择和日期选择放在一起。我该怎么办?

谢谢。

Answer 1

将form-inline类添加到div类

更新小提琴:https://jsfiddle.net/e30toqa1/3/

<div class="pull-right form-inline"></div>

和bootstrap引用:http://getbootstrap.com/css/#forms-inline