bootstrap 动态生成html,Bootstrap CSS不适用于使用JQuery的新动态添加的HTML

我正在使用Bootstrap来设置我的网页样式,它几乎完美,

但是当我尝试使用$.append()向页面添加新的html时.那么新的html没有获得默认的bootstrap样式.

这是我的相关html：

+

-

这是我的JQuery：

function addLine() {

$('#btnAdd' + lineCounter).attr('disabled', 'true');

$('#btnMinus' + lineCounter).attr('disabled', 'true');

++lineCounter;

var line = "

" +

"" +

"" +

"" +

"" +

"" +

"" +

"" +

"+" +

"-" +

"

";

$('#lines').append(line).fadeIn('slow');

}

编辑：

好吧,我试图用最简单的页面和简单的追加重现错误.还把JS’转换为’像@Sherbrow建议的那样,它仍然无法正常工作..

这是我的HTML：

+

-

我的CSS：

body

{

background-color:#E46C0B;

text-align:center;

}

.Numbers

{

width: 16px;

}

我的JavaScript：

var lineCounter=1;

function addLine() {

$('#btnAdd' + lineCounter).attr('disabled', 'true');

$('#btnMinus' + lineCounter).attr('disabled', 'true');

++lineCounter;

var line = '

' +

'' +

'' +

'' +

'' +

'' +

'' +

'' +

'+' +

'-' +

'

';

$('#lines').append(line);

}

我究竟做错了什么？

谢谢你的答案:)