title: Bootstrap 3 select input form inline
body: <p>I'm trying to get input and select option inline attached with each other like <a href="http://bootply.com/93408" rel="nofollow noreferrer">this demo using Bootstrap 2 (dead link)</a>.</p>
  
  <p>Following Bootstrap 3 guidelines I manage to do this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="container"&gt;
      &lt;div class="col-sm-7 pull-right well"&gt;
        &lt;form class="form-inline" action="#" method="get"&gt;
          &lt;div class="form-group col-sm-5"&gt;
            &lt;input class="form-control" type="text" value="" placeholder="Search" name="q"&gt;
          &lt;/div&gt;
          &lt;div class="form-group col-sm-3"&gt;
            &lt;select class="form-control" name="category"&gt;
                &lt;option&gt;select&lt;/option&gt;
                &lt;option&gt;1&lt;/option&gt;
                &lt;option&gt;2&lt;/option&gt;
                &lt;option&gt;3&lt;/option&gt;
            &lt;/select&gt;
          &lt;/div&gt;
          &lt;button class="btn btn-primary col-sm-3 pull-right" type="submit"&gt;Search&lt;/button&gt;
        &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It's responsive, but input and select can't be attached without some nasty css hacks. I found lot of examples with attached buttons, but that does not work with select element.</p>