title: Multiple inputs on single line Bootstrap 3
body: <p>How can I get multiple inputs on a single line in a jumbotron with Bootstrap 3.</p>
  
  <p>So it looks something like this: Find [<em>dropdown list</em>] in [<em>text input</em>] [<em>Submit Button</em>]</p>
  
  <p>This is what I've currently got: <a href="http://jsfiddle.net/cTLwW/" rel="nofollow">http://jsfiddle.net/cTLwW/</a> but I goes over 4 lines and each for input item is way to wide.</p>
  
  <pre><code>  &lt;div class="container jumbotron"&gt;
  &lt;h1&gt;&lt;span class="text-center"&gt;Mywebsite.&lt;/span&gt;&lt;/h1&gt;
  
  &lt;h2&gt;&lt;span class="text-center"&gt;Find things close to you&lt;/span&gt;&lt;/h2&gt;
  
  &lt;form class="form-horizontal" role="form" action="/" method="post"&gt;
    &lt;div class="form-group"&gt;
      &lt;span class="text-center"&gt;&lt;label for="inputCity" class="col-lg-2 control-label"&gt;I
      need&lt;/label&gt;&lt;/span&gt;
  
      &lt;div class="col-lg-10"&gt;
        &lt;span class="text-center"&gt;&lt;select class="form-control"&gt;
          &lt;option&gt;
            Bakery
          &lt;/option&gt;
  
          &lt;option&gt;
            Supermarket
          &lt;/option&gt;
  
          &lt;option&gt;
            Etc
          &lt;/option&gt;
        &lt;/select&gt;&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;div class="row form-group"&gt;
      &lt;span class="text-center"&gt;&lt;label for="inputType" class=
      "col-lg-2 control-label"&gt;In&lt;/label&gt;&lt;/span&gt;
  
      &lt;div class="col-lg-8"&gt;
        &lt;span class="text-center"&gt;&lt;input type="text" class="form-control" id=
        "inputCity" placeholder="City"&gt; &lt;button type="submit" class=
        "btn btn-success"&gt;&lt;span class="text-center"&gt;Go&lt;/span&gt;&lt;/button&gt;&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p></p>