Я использую форму начальной загрузки и пытаюсь установить ширину элемента 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>© @DateTime.Now.Year - Created By ChivalrouS</p>
</footer>
</div>
Я пытался установить ширину как 100%, но это уже так.Когда я пытался изменить ширину с 100px или 200px, это работало, но TextBox не покрывал страницу как 100%.
Я проверил другие темы, но не могу найти решение своей проблемы.