Css 引导边距/填充在通过jquery添加对象时消失

我在使用引导和在页面上动态添加元素时遇到了一个小问题

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

我使用引导作为主css

以下是一个例子：

标签
选项

---

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

这是因为

选择了
。非动态的格式如下所示：

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

标签选项

因此，使用一种方式，样式（外观）将是相同的

这里有一个更新的JSFIDLE:
这是因为
选择了
。非动态的格式如下所示：

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

标签选项

因此，使用一种方式，样式（外观）将是相同的

这是一个更新的JSFIDLE:
谢谢，我不知道缩进可以改变渲染效果。没问题！是的，我知道。。不知道为什么，但你永远不会忘记它；）。是的，我现在不会忘记的。我找不到使用append将内容放在新行上的方法，我也不想只在一行上格式化内容，因为它确实不可读，你知道怎么做吗？我尝试添加了一些\n，但可能有一个更优雅的解决方案…谢谢，我不知道缩进可以更改渲染没有问题！是的，我知道。。不知道为什么，但你永远不会忘记它；）。是的，我现在不会忘记的。我找不到使用append将内容放在新行上的方法，我也不想只在一行上格式化内容，因为它确实不可读，你知道怎么做吗？我试图添加一些\n，但可能有一个更优雅的解决方案。。。