css - Bootstrap 边距/填充在通过 jquery 添加对象时消失

Question

我在使用 bootstrap 和在我的页面上动态添加元素时遇到了一些问题。

我有一个表单，我想在其中动态添加新的输入。所有这些都工作正常，但渲染效果不是很好，因为标签和选择之间似乎缺少一些边距填充。

我使用 bootstrap 作为主 CSS。

这是一个例子:http://jsfiddle.net/4Uf2U/1/

<div class="form-inline">
<label>Label</label>
<select><option>Option</option></select></div>

有谁知道为什么会发生这种情况以及如何纠正这种情况？

Answer 1

这是因为选择。非动态的格式如下:

<div class="form-inline">
    <label>Label</label>
    <select><option>Option</option></select>
</div>

动态的是像这样的一行:

<div class="form-inline"><label>Label</label><select><option>Option</option></select></div>

所以使用一种方式，样式(外观)将相同。

这是一个更新的 jsFiddle:click