title: bootstrap-select - label and dropdown select box align vertical, not horizontal
body: <p>I've read and read, and tried tons of stuff, and I'm about to pull out what remains of my hair and could use some advice or another set of eyes:</p>
  
  <p>Using bootstrap 3.3.7, and I have a dropdown box which is working and the styling is fine, <strong>but the label <em>AND</em> the dropdown appear next to one another</strong>.</p>
  
  <p>So instead of :</p>
  
  <p>LINE#  <em>PRODUCT</em>          QTY </p>
  
  <p>1      <em>[Mechanical]</em>      10       [labels on one row, values on one row]</p>
  
  <p>...i get:</p>
  
  <p>LINE#  <em>PRODUCT</em>     [<em>Mechanical</em>] [product label <em>AND</em> dropdown on same row]</p>
  
  <pre><code>                            QTY 
  </code></pre>
  
  <p>1                               10</p>
  
  <p>The LABEL and the DROPDOWN next to each other on the same line, instead of the <em>LABEL on the same level as the other LABELs</em>, and the DROPDOWN on the same row as the rest of the form input fields.</p>
  
  <pre><code>        &lt;link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Montserrat:400,700' /&gt;
          &lt;script src="https://code.jquery.com/jquery-3.1.0.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&lt;/script&gt;  
          &lt;script src="http://localhost/f1x/wp-content/themes/MyProduct/js/bootstrap-select.js"&gt;&lt;/script&gt;  
          &lt;link rel='stylesheet' href='http://localhost/f1x/wp-content/themes/MyProduct/css/bootstrap.css' /&gt;
          &lt;link rel='stylesheet' href='http://localhost/f1x/wp-content/themes/MyProduct/css/bootstrap_extend.css' /&gt;
          &lt;link rel='stylesheet' href='http://localhost/f1x/wp-content/themes/MyProduct/css/bootstrap-select.css' /&gt;            
  
      &lt;/head&gt;
      &lt;body&gt;
          &lt;header class="header"&gt;
            ...
          &lt;/header&gt;
          &lt;div class="main"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="row"&gt;
                      &lt;form class="form"&gt;
                          &lt;div class="col-xs-16 col-md-16"&gt;                             
                              &lt;div class="row" id="entryrow"&gt;
                                  &lt;div class="col-xs-01" id="lin"&gt;
                                      &lt;label class="control-label" for="lin"&gt;LIN#&lt;/label&gt;
                                      &lt;input type="text" id="lin" readonly class="form-control" placeholder="1"&gt;
                                  &lt;/div&gt;                                     
                                  &lt;div class="form-group"&gt;
                                      &lt;label for="prd_" class="col-lg-2 control-label"&gt;PRODUCT&lt;/label&gt;
                                      &lt;div class="col-lg-2" class="selectpicker control-label"&gt;
                                          &lt;select id="prd_" class="form-control" name="prd_"&gt;
                                              &lt;option value="na" selected=""&gt;Choose One:&lt;/option&gt;
                                              &lt;option value="service"&gt;Structural Square&lt;/option&gt;
                                              &lt;option value="suggestions"&gt;Structural Rectangular&lt;/option&gt;
                                              &lt;option value="support"&gt;Pipe&lt;/option&gt;
                                              &lt;option value="support"&gt;Mechanical Square&lt;/option&gt;
                                              &lt;option value="support"&gt;Mechanical Rectangular&lt;/option&gt;
                                              &lt;option value="support"&gt;Mechanical Round&lt;/option&gt;
                                              &lt;option value="other"&gt;Other&lt;/option&gt;
                                          &lt;/select&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;                                      
                                  &lt;div class="col-xs-1"&gt;
                                      &lt;label for="qty_" class="control-label"&gt;QTY&lt;/label&gt;                                          
                                      &lt;input type="text" id="qty_" class="form-control" placeholder="0"&gt;
                                  &lt;/div&gt;[bootstrap dropdown horizontal, not vertical][1]
  </code></pre>