title: Align horinzontal components in pull-right panel Twitter Bootstrap
body: <p>I'm trying align horizontal components in pull-right panel, but it's stays in vertical align.</p>
  
  <p>Follow I'm doing:</p>
  
  <pre><code>        &lt;div class="pull-right"&gt;
  
                &lt;select class="form-control" id="month" onChange="selectMonth()"&gt;
                   &lt;option value="01"&gt;
                      Mês
                   &lt;/option&gt;
                   &lt;option value="01"&gt;
                      Janeiro
                   &lt;/option&gt;
                   &lt;option value="02"&gt;
                      Fevereiro
                   &lt;/option&gt;
                   &lt;option value="03"&gt;
                      Março
                   &lt;/option&gt;
                   &lt;option value="04"&gt;
                      Abril
                   &lt;/option&gt;
                &lt;/select&gt;
  
                &lt;select class="form-control" id="day" onChange="selectDay()"&gt;
                   &lt;option value="01"&gt;
                      Dia
                   &lt;/option&gt;
                   &lt;option value="02"&gt;
                      01
                   &lt;/option&gt;
                   &lt;option value="03"&gt;
                      07
                   &lt;/option&gt;
                   &lt;option value="04"&gt;
                      14
                   &lt;/option&gt;
                &lt;/select&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/lbclucascosta/e30toqa1/2/" rel="nofollow">https://jsfiddle.net/lbclucascosta/e30toqa1/2/</a></p>
  
  <p>This is caused by <code>form-control</code>, but all I tried to do don't works. I want do leave the month select and day select side by side. How I can to do?</p>
  
  <p>Thanks. </p>