Почему Html.TextBoxFor не охватывает всю страницу в Asp.Net MVC?

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 для input, select и textarea. После удаления этой части проблема была исправлена.