title: bootstrap form input fields alignment
body: <p>I have the below code</p>
  
  <pre><code>&lt;form id="editProfileForm" class="form-horizontal span8"  method="post"&gt;  
      &lt;div class="control-group"&gt;
          &lt;label class="control-label" for="inputSubject"&gt;Subject&lt;/label&gt;
          &lt;div class="controls"&gt;
              &lt;input type="text" id="inputSubject" class="span8" &gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="control-group"&gt;
          &lt;label class="control-label" for="inputTags"&gt;Tags&lt;/label&gt;
          &lt;div class="controls"&gt;                            
              &lt;input type="text" id="inputTags" class="span3"&gt;  
          &lt;/div&gt;        
      &lt;/div&gt; 
  
      &lt;div class="control-group"&gt;
          &lt;label class="control-label" for="inputAccess"&gt;access&lt;/label&gt;
          &lt;div class="controls"&gt;                            
              &lt;input type="text" id="inputAccess" class="span3"&gt;  
          &lt;/div&gt;        
      &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I am getting the form like below <img src="https://i.stack.imgur.com/JE6UF.png" alt="enter image description here"></p>
  
  <p>Could some one suggest me how to get like below ? Thanks for your help</p>
  
  <p><img src="https://i.stack.imgur.com/KLUJl.png" alt="enter image description here"></p>
  
  <p>JS Fiddle link <a href="http://jsfiddle.net/kLuB3/331/" rel="nofollow noreferrer">http://jsfiddle.net/kLuB3/331/</a></p>