扩展列的长度以Bootstrap水平形式向下推行

Question

我有一个用Angular编写的基本水平表单，它使用bootstrap组件。 我的问题是，有一个＆＃34;评论字段＆＃34;将下一列的字段向下推。

你可以在这个JSFiddle中看到它：http://jsfiddle.net/gu1sz12L/4/

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

我考虑过将表单拆分为两个部分，左边是一个水平表单，前两个列，右边一个是最后两列。但是，我认为这种方法可能会破坏字段的标记。

如何将“注释”字段分隔为自己的列？