title: Select form and its label in same line in bootstrap3
body: <p>I have following HTML code:</p>
  
  <pre><code>&lt;div class="col-sm-4"&gt;
        &lt;div class="form-group" class="form-inline"&gt;
          &lt;span style="white-space: nowrap"&gt;
            &lt;label for="size"&gt;Board size:&lt;/label&gt;
            &lt;select class="form-control" id="size" style="background-color: black; color: silver"&gt;
              &lt;option&gt;small&lt;/option&gt;
              &lt;option&gt;medium&lt;/option&gt;
              &lt;option&gt;large&lt;/option&gt;
              &lt;option&gt;huge&lt;/option&gt;
            &lt;/select&gt;
          &lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>What I want to achieve is to have select form and its label in same line. I tried applying solutions from similiar question from stackoverflow. Span with <code>white-space: nowrap</code> doesn't work, neither do <code>class="form-inline"</code> or answer from this question :<a href="https://stackoverflow.com/questions/20342268/keep-buttons-and-form-with-select-dropdown-on-same-row-in-bootstrap-3">Keep buttons and form with select dropdown on same row in Bootstrap 3</a>  How can I solve it? </p>