Angularjs 扩展列的长度以引导水平形式向下推行

Angularjs 扩展列的长度以引导水平形式向下推行,angularjs,forms,twitter-bootstrap,textarea,Angularjs,Forms,Twitter Bootstrap,Textarea,我用Angular编写了一个基本的水平表单,它使用引导组件。 我的问题是有一个“注释字段”,它向下推下下一列的字段 您可以在这个JSFIDLE中看到它: 评论: 我考虑将表单分为两个部分,一个水平表单位于左侧,包含前两列,另一个位于右侧,包含最后两列。然而,我认为这种方法可能会弄乱字段的选项卡 如何将注释字段分隔为自己的列?这似乎是由于您将内容包装在非响应标签中的方式造成的。我认为您应该尝试重新构造s和引导类。@Lex我修复了嵌套的s,但仍然存在相同的问题:

我用Angular编写了一个基本的水平表单,它使用引导组件。 我的问题是有一个“注释字段”,它向下推下下一列的字段

您可以在这个JSFIDLE中看到它:


评论:
我考虑将表单分为两个部分,一个水平表单位于左侧,包含前两列,另一个位于右侧,包含最后两列。然而,我认为这种方法可能会弄乱字段的选项卡


如何将注释字段分隔为自己的列?

这似乎是由于您将内容包装在非响应标签中的方式造成的。我认为您应该尝试重新构造s和引导类。@Lex我修复了嵌套的s,但仍然存在相同的问题:
                   <div class="col-md-3">
                        <label for="comment" class="col-md-4 control-label">Comment:</label>
                        <div class="col-md-8">
                            <textarea class="form-control input-sm" rows="10" id="comment"></textarea>
                        </div>
                    </div>