title: How to create input group using bootstrap?
body: <p>I would like to create an input box group like the following:</p>
  
  <pre><code>title1
  
  name: (input text box)
  link: (input text box)
  
  remove this title
  
  title2
  
  name: (input text box)
  link: (input text box)
  
  remove this title
  </code></pre>
  
  <p>And my css is</p>
  
  <pre><code>  &lt;div class="control-group"&gt;
      &lt;label class="control-label"&gt;&lt;h3&gt;title1&lt;/h3&gt;&lt;/label&gt;
      &lt;label for="inputError" class="control-label"&gt;name&lt;/label&gt;
      &lt;div class="controls"&gt;
          &lt;input class="field span6" type="text" id="newsLinkTxt_1" /&gt;
      &lt;/div&gt;
      &lt;/br&gt;
      &lt;label for="inputError" class="control-label"&gt;link&lt;/label&gt;
      &lt;div class="controls"&gt;
          &lt;input class="field span6" type="text" id="newsLink_1" /&gt;
      &lt;/div&gt;
      &lt;/br&gt;
      &lt;button class="btn" id="removeButton" type="button"&gt;remove this&lt;/button&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>The problem is the control-label class will have margin 20 , so the input box will have left margin 20 . However the title1 and the button will align to left, what class should I use for button and the heading in a control-group , or I need to have customized css? Thanks </p>