Asp.net mvc Razor视图引导控件宽度

我试图创建一个屏幕，我添加了所有的控件，所有的控件都与网格完美对齐，就像我使用引导一样。但在最后，我有一个Notes控件，我希望它跨越整行，但它仍然没有跨越第一列。。。有没有办法解决这个问题

这是我的razor代码，仅与Notes部分相关

            <div class="row top-space">
            <div class="col-xs-8">
                <div class="input-group">
                    @Html.LabelFor(model => model.Notes, htmlAttributes: new { @class = "control-label col-lg-2", @placeholder = "Notes" })
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12">
                <div class="input-group notes-area">
                    @Html.EditorFor(model => model.Notes, new { htmlAttributes = new { @class = "form-control", @rows = 10, @cols = 500 } })
                    @Html.ValidationMessageFor(model => model.Notes, "", new { @class = "text-danger" })
                </div>
            </div>
        </div>

        <div class="row top-space">
            <div class="col-xs-12 form-inline">
                <input type="submit" value="Create" class="btn btn-default" style="margin: auto" />
            </div>
        </div>

这是我的输出：

---

我试着使用TextArea，也试着指定Cols属性，但都不起作用。是因为我已经把整个屏幕分成了3列吗？

你有一个示例引导程序可以用来向我们展示吗？你有什么可以用的。尝试的事情：1确保你所有的开始和结束标记都匹配。notes textarea所在的div的宽度可能受到某个col-*类的父div的限制。2检查notes area类，确保它不会做任何愚蠢的事情，如设置宽度、最大宽度等。3检查确保textarea的宽度不受CSS中任何其他内容的限制。谢谢Chris，你是对的。。。在chromedev工具中检查了加载的HTML样式之后，我发现我的max-width设置不正确。我刚把它取下来，它就成功了！