title: Align inline text input in Bootstrap Form
body: <p>I'm trying to create a form in Bootstrap and need the <code>first name</code> and <code>last name</code> fields to be inline where as the rest of the form needs to be as it is.</p>
  
  <p>I got the inline functionality to work. However, the inline text fields (names) are not aligning properly. </p>
  
  <p><img src="https://i.stack.imgur.com/pXKHc.jpg" alt="Form Image"></p>
  
  <p>In the image above, I need the combined width of the name fields to be same as Phone, Email and Password fields, which is not happening. The question is <strong>how to get that alignment to work</strong>?</p>
  
  <p>The code for the form is below:</p>
  
  <pre><code>&lt;form role="form" class="register-form cf-style-1"&gt;
  
  &lt;div class="control-group" style="display:inline-block !important; margin-bottom: 25px;"&gt;
      &lt;label class="control-label"&gt;First Name&lt;/label&gt;
      &lt;div class="controls"&gt;
      &lt;input type="text" class="le-input" placeholder="First Name" required&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="control-group" style="display:inline-block !important; margin-bottom: 25px;"&gt;
      &lt;label class="control-label"&gt;Last Name&lt;/label&gt;
      &lt;div class="controls"&gt;
      &lt;input type="text" class="le-input" placeholder="Last Name" required&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="field-row"&gt;
      &lt;label&gt;Phone&lt;/label&gt;
      &lt;div class="input-group"&gt;
          &lt;div class="input-group-addon"&gt;+91&lt;/div&gt;
          &lt;input type="text" class="le-input" maxlength="10" placeholder="Phone Number"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="field-row"&gt;
      &lt;label&gt;Email&lt;/label&gt;
      &lt;input type="email" class="le-input" placeholder="Email Address" required&gt;
  &lt;/div&gt;&lt;!-- /.field-row --&gt;
  
  &lt;div class="field-row"&gt;
      &lt;label&gt;Password&lt;/label&gt;
      &lt;input type="password" class="le-input" placeholder="Password" required&gt;
  &lt;/div&gt;&lt;!-- /.field-row --&gt;
  
  &lt;div class="buttons-holder"&gt;
      &lt;button type="submit" class="le-button huge"&gt;Sign Up&lt;/button&gt;
  &lt;/div&gt;&lt;!-- /.buttons-holder --&gt;
  &lt;/form&gt;
  </code></pre>