title: How to force button and select on the same line?
body: <p>I have a form on my site and I want to put a button and select tag on the same line, but it keep causing line break. I've tried a button instead and it works totally fine one after another on a line. I am using bootstrap 3.</p>
  
  <pre><code>&lt;div class="panel-footer" style ="overflow: hidden; white-space: nowrap;"&gt;
      &lt;button type="submit" class="btn btn-success" style="width:100px; margin:4px;"&gt;send&lt;/button&gt; 
      &lt;button type="submit" class="btn btn-success" style="width:100px; margin:4px;"&gt;send&lt;/button&gt; 
      &lt;select class="form-control" style = "width:100px; margin:4px;"&gt;
          &lt;option value="volvo"&gt;Math&lt;/option&gt;
          &lt;option value="saab"&gt;History&lt;/option&gt;
          &lt;option value="opel"&gt;English&lt;/option&gt;
          &lt;option value="audi"&gt;Gymnastics&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>There is enough space for like 4 more selects on the line.</p>