title: Bootstrap Inline Form with Select Tag
body: <p>I'm trying to make a inline form with bootstrap 3 that will have a text input, then a select tag, and a button. I've got it all inline however the width of each element is equal to the one besides it. I'm trying to achieve something similar to AirBnB's form. Do I need some custom css or does bootstrap have something built in that I'm not using?</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;div class="input-group"&gt;
          &lt;span class="input-group-btn"&gt;
              &lt;input type="text" class="form-control" name="search-text" placeholder="Search"&gt;
          &lt;/span&gt;
          &lt;span class="input-group-btn"&gt;
              &lt;select class="form-control" name="args"&gt;
                  &lt;option&gt;ex&lt;/option&gt;
              &lt;/select&gt;
          &lt;/span&gt;
          &lt;span class="input-group-btn"&gt;
              &lt;button type="submit" class="form-control"&gt;&lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;&lt;/button&gt;
          &lt;/span&gt;
      &lt;/div&gt;  
  &lt;/div&gt;  
  </code></pre>
  
  <p><a href="https://jsfiddle.net/mnn4Lcqb/" rel="nofollow">https://jsfiddle.net/mnn4Lcqb/</a></p>