title: How to vertically align label and input in Bootstrap 3?
body: <p>How to vertically align label and input in Bootstrap 3?  I would like both the label and input on same line.  I have played around with different classes and custom CSS but nothing seems to work.</p>
  
  <p><a href="http://jsfiddle.net/fatfantasma/mNPf9/" rel="noreferrer">The JSfiddle</a></p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-xs-3"&gt;
              &lt;label for="class_type"&gt;&lt;h2&gt;&lt;span class=" label label-primary"&gt;Class Type&lt;/span&gt;&lt;/h2&gt;&lt;/label&gt;
          &lt;/div&gt;
          &lt;div class="col-xs-2"&gt;
              &lt;select name="class_type" id="class_type" class="  form-control input-lg" style="width:200px" autocomplete="off"&gt;
                  &lt;option &gt;Economy&lt;/option&gt;
                  &lt;option &gt;Premium Economy&lt;/option&gt;
                  &lt;option &gt;Club World&lt;/option&gt;
                  &lt;option &gt;First Class&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>