title: Bootstrap and multiple select controls inline too big
body: <p>I'm using bootstrap and I'm looking to have 2 list boxes next to each other (one represents month the other year) and 2 buttons that move the selected month/year to another list box. When I place all of this in my page it's too wide (the list boxes are way to wide for what's needed). How can I get these list boxes to be less in width, but the same height and look as a normal bootstrap form-control list box?</p>
  
  <pre><code>&lt;div class="form-inline"&gt;
              &lt;label for="selectMonth" class="control-label col-md-5"&gt;Period:&lt;/label&gt;
              &lt;div class="col-md-7" style="display:inline"&gt;
  
                  &lt;select id="selectMonth" class="form-control" size="4"&gt;
                      &lt;option&gt;Jan&lt;/option&gt;
                      &lt;option&gt;Feb&lt;/option&gt;
                      &lt;option&gt;Mar&lt;/option&gt;
                      &lt;option&gt;Apr&lt;/option&gt;
                      &lt;option&gt;May&lt;/option&gt;
                      &lt;option&gt;Jun&lt;/option&gt;
                      &lt;option&gt;Jul&lt;/option&gt;
                      &lt;option&gt;Aug&lt;/option&gt;
                      &lt;option&gt;Sep&lt;/option&gt;
                      &lt;option&gt;Oct&lt;/option&gt;
                      &lt;option&gt;Nov&lt;/option&gt;
                      &lt;option&gt;Dec&lt;/option&gt;
                  &lt;/select&gt;
  
                  &lt;select id="selectYear" class="form-control" size="4"&gt;
  
                  &lt;/select&gt;
  
                  &lt;div class="btn-group-vertical"&gt;
                      &lt;button type="button" class="btn btn-default btn-primary" id="buttonMoveAll"&gt;&gt;&gt;&lt;/button&gt;
                      &lt;button type="button" class="btn btn-default btn-primary" id="buttonMoveOne"&gt;&gt;&lt;/button&gt;
                  &lt;/div&gt;
  
                  &lt;select id="selectFinal" class="form-control" size="4"&gt;
  
                  &lt;/select&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>