title: Input text + Select + Bootstrap + form-inline: horizontal align label
body: <p>This is my first question in Stack Overflow!</p>
  
  <p>So, I'm trying to align (horizontal) all labels of my form, but, without success. My HTML is:</p>
  
  <pre><code>&lt;form class="form-inline" id="form-filtro" role="form"&gt;
      &lt;div class="form-group"&gt;
          &lt;label class="control-label" for="filtrar-por"&gt;Filtrar por&lt;/label&gt;
          &lt;select class="form-control" id="filtrar-por"&gt;
              &lt;option value="id"&gt;ID&lt;/option&gt;
              &lt;option value="id"&gt;Nome&lt;/option&gt;
              &lt;option value="id"&gt;Nome comercial&lt;/option&gt;
              &lt;option value="id"&gt;CPF/CNPJ&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label class="control-label" for="filtro"&gt;Filtro&lt;/label&gt;
          &lt;input type="text" class="form-control" id="filtro"&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>But, the result is:</p>
  
  <p><img src="https://i.stack.imgur.com/gzBuh.gif" alt="enter image description here"></p>
  
  <p>What am I doing wrong?</p>