通过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

这是因为select。非动态的那个格式如下：

<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