title: Label centered with input (Bootstrap 3)
body: <p>I want to align a label together with an input in the same line and the label centered. If I use the class <code>label label-default</code> (wich is the aspect I like), it puts the label aligned on top.</p>
  
  <p>Here’s a sample:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="form-group form-horizontal form-group-sm vertical-align"&gt;
      &lt;label for="InputFieldA" class="label control-label label-default col-xs-4"&gt;Any&lt;/label&gt;
      &lt;div class="col-xs-8"&gt;
          &lt;input type="text" class="form-control input-sm" id="InputFieldA" placeholder="InputFieldA"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I’ve searched and tested many solutions, but none works (<code>float:none</code>, <code>vertical-align: middle</code>, embed into a form tag with class form-inline and many more).</p>
  
  <p>I read some 7px margin adding (not tried), but I think it’s incoherent with Bootstrap phiolosophy which all components may resize responsively with device’s size.</p>
  
  <p>I’m not an expert with HTML + Bootstrap 3 + CSS and need some help.</p>