title: How to add dynamic div in bootstrap?
body: <p>I have used the following way to add multiple div on clicking "addButton", as given in below fiddle : </p>
  
  <p><a href="http://jsfiddle.net/harshmadhani/jpb93/" rel="nofollow">http://jsfiddle.net/harshmadhani/jpb93/</a></p>
  
  <pre><code>$(document).ready(function () {
  var counter = 2;
  $("#addButton").click(function () {
          if (counter &gt; 2) {
              alert("Only 2 textboxes allowed");
              return false;
          }
          $('&lt;div/&gt;',{'id':'TextBoxDiv' + counter}).html(
            $('&lt;label/&gt;').html( 'Textbox #' + counter + ' : ' )
          )
          .append( $('&lt;input type="text"&gt;').attr({'id':'textbox' + counter,'name':'textbox' + counter}) )
          .appendTo( '#TextBoxesGroup' )       
          counter++;
      });
  
      $("#removeButton").click(function () {
          if (counter == 1) {
              alert("No more textbox to remove");
              return false;
          }
          counter--;
          $("#TextBoxDiv" + counter).remove();
      });
  });
  </code></pre>
  
  <p>I have to add the text using html and append it thereafter. Is there any other way to solve this issue in Bootstrap?  </p>