自举样式不适用于动态元素

Question

另一个菜鸟问题，很抱歉...

我在其中一个单元格中动态添加了一个<tr>，其中很少<button>。添加后，这些按钮没有适当的填充。我试图强制重新渲染，但这无济于事。

我创建了一个问题为https://jsfiddle.net/phi1ipp/8ge6phk7/4/的jsfiddle

Answer 1

静态添加它们时，您在按钮之间放置了一个空格 html显示单个空格，并忽略多个空格。要复制动态效果，您必须删除元素之间的任何空间

动态添加它们时，您没有空格..因此不包括空格，并且彼此之间的对接

maven { url "https://kotlin.bintray.com/kotlinx/" }

Answer 2

看起来像Jquery append方法删除了按钮中的默认边距。但是您可以通过添加一个类来格式化按钮的边距来覆盖样式。

在CSS中，您可以添加另一个类来格式化按钮的边距：

.btn-style{margin-right: 4px;}

在您的JavaScript中，您可以执行以下操作：

$('tbody').append('<tr><td>2</td><td><button class="btn btn-sm btn-style">oo</button><button class="btn btn-sm btn-style">uu</button></td></tr>')

Answer 3

在后一个按钮之间只需要一个空白字符。

$('tbody').append('<tr><td>2</td><td><button class="btn btn-sm">oo</button> <button class="btn btn-sm">uu</button></td></tr>')