html表单跨越引导选项卡导致奇数间距

Question

我有一个横跨可切换标签的表单，左侧自举布局。我也在使用bootstrap表单控件。基本上，我希望有三个textareas，可以通过选择相关的选项卡单独查看，然后在提交，我采取所有三个textarea的内容来执行更新。

代码位于http://jsfiddle.net/timburgess/rhNxF/8/

标签的行为与预期一致。但是，在选项卡内容中显示textarea时，它与选项卡控件之间的距离相当远。看看html，我看不到会导致这种情况的任何内容。我总是可以做一个CSS黑客，但我想知道我在这里错过了什么？我尝试过设置不同的span2，span4等类，但它们没有区别。

理想情况下，我想让标签旁边的textarea和textarea右边的警告。

Answer 1

这是因为：

.form-horizontal .controls {
    margin-left: 160px;
}

bootstrap.css中的

。您需要在CSS中覆盖它。