Question

我正在使用引导表单控件，并且试图将TextBoxFor元素的宽度设置为100％。但如下图所示。

我的代码在下面。

@model LearnWord.Models.WordModels

@{
    ViewBag.Title = "Add";
}

<h2>Add New Word</h2>

@using (Html.BeginForm("Add", "Word"))
{
    <div class="form-group">
        @Html.LabelFor(m => m.Word)
        @Html.TextBoxFor(m => m.Word, new { @class = "form-control" })
    </div>
    <div class="form-group">
        @Html.LabelFor(m => m.Meaning)
        @Html.TextBoxFor(m => m.Meaning, new { @class = "form-control" })
    </div>
    <div class="form-group">
        @Html.LabelFor(m => m.Synonyms)
        @Html.TextAreaFor(m => m.Synonyms, new { @class = "form-control" })
    </div>
    <div class="form-group">
        @Html.LabelFor(m => m.Sentences)
        @Html.TextAreaFor(m => m.Sentences, new { @class = "form-control" })
    </div>
    <button type="submit" class="btn btn-primary">Save</button>
}

这是渲染主体的_Layout.cshtml部分。

<div class="container body-content">
    @RenderBody()
    <hr />
    <footer>
        <p>&copy; @DateTime.Now.Year - Created By ChivalrouS</p>
    </footer>
</div>

我试图将宽度设置为100％，但事实已经如此。当我尝试将宽度更改为100px或200px时，这是可行的，但TextBox并未以100％的比例覆盖页面。

我检查了其他主题，但是找不到解决我问题的方法。

Answer 1

实际上我已经解决了这个问题。

在css文件中，有一部分将输入，选择和文本区域的最大宽度限制为280px。删除此部分后，问题已解决。

为什么Html.TextBoxFor不能覆盖Asp.Net MVC中的所有页面？

1 个答案: