title: Bootstrap / CSS - Input, button and select in the same line
body: <p>I'm trying to put an input, a button and a select in the same line using bootstrap/css, but the <strong>select</strong>, depending on its content size, is going to the next line, as follow. What can I do?</p>
  
  <p><img src="https://i.stack.imgur.com/FUxiX.png"></p>
  
  <p>Here is the part of the HTML:</p>
  
  <pre><code>&lt;div class="form-inline"&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="input-group"&gt;
              &lt;input type="text" class="form-control" v-model="ClienteBusca.value" placeholder="Buscar cliente"&gt;
              &lt;span class="input-group-btn"&gt;
                  &lt;button type="button" v-on:click.prevent="buscarCliente" class="btn btn-primary"&gt;Buscar&lt;/button&gt;
              &lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;select class="form-control" id="selectedCliente"&gt;
              &lt;option v-for="cliente in Clientes" v-bind:value="cliente"&gt;{{cliente.nome}}&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Also, here is the demo: <a href="https://jsfiddle.net/taianrj/r81tqbm9/1/" rel="nofollow noreferrer">https://jsfiddle.net/taianrj/r81tqbm9/1/</a></p>