Edit Question - KnowledgeHub

Title Body

I'm using Bootstrap in order to style my webpage and it works almost perfect, but when i'm trying to add new html to the page using $.append(). then the new html does not get the default bootstrap style. this is my relevant html: <div id="lines"> <div id="line1"> <input type="tel" class="Numbers" id="Number1" /> <input type="tel" class="Numbers" id="Number2" /> <input type="tel" class="Numbers" id="Number3" /> <input type="tel" class="Numbers" id="Number4" /> <input type="tel" class="Numbers" id="Number5" /> <input type="tel" class="Numbers" id="Number6" /> <input type="tel" class="Numbers" id="StrongNumber1" style="background-color:cyan"/> <button class="btn btn-primary addbtns" id="btnAdd1" onclick="addLine()">+</button> <button class="btn btn-primary addbtns" id="btnMinus1" disabled="disabled">-</button> </div> </div> And this is my JQuery: function addLine() { $('#btnAdd' + lineCounter).attr('disabled', 'true'); $('#btnMinus' + lineCounter).attr('disabled', 'true'); ++lineCounter; var line = "<div id='line" + lineCounter + "'>" + "<input type='tel' class='Numbers' id='Number" + lineCounter + "' />" + "<input type='tel' class='Numbers' id='Number" + lineCounter + "' />" + "<input type='tel' class='Numbers' id='Number" + lineCounter + "' />" + "<input type='tel' class='Numbers' id='Number" + lineCounter + "' />" + "<input type='tel' class='Numbers' id='Number" + lineCounter + "' />" + "<input type='tel' class='Numbers' id='Number" + lineCounter + "' />" + "<input type='tel' class='Numbers StrongNumber' id='StrongNumber" + lineCounter + "' st

Tags (comma-separated) Cancel