Я пытаюсь поместить текстовое поле в центр экрана, но все, что я пытаюсь сделать, остается выравниваться по левому краю. Как мне центрировать это?
<div class="form-row">
<div class="col-md-4 col-md-offset-4">
<div class="form-group">
<label asp-for="FirstName"></label>:
<input asp-for="FirstName" class="form-control" />
</div>
</div>
</div>
justify-content-center... Не уверен, что вы пробовали и не пробовали. 26.11.2020 Вы используете начальную загрузку, поэтому просто введите класс text-center для ввода, как это.
<div class="form-row">
<div class="col-md-4 col-md-offset-4">
<div class="form-group">
<label asp-for="FirstName"></label>:
<input asp-for="FirstName" class="form-control text-center" />
</div>
</div>
Я попробовал ваши тресковые муравьи по центру после размещения класса. .stack.imgur.com/gvCVl.png" alt="введите здесь описание изображения" />
<div class="col-md-4 col-md-offset-4">Put your form here</div>
col-md-4 займет 4 столбца из 12. col-md--offset-4 добавит по одному 4 столбцу с обеих сторон этой формы.
Вам нужно было показать свой собственный css. Возможно, есть правила, которые могут переопределить правила, предложенные здесь.
Попробуйте так:
div.form-row div.col-md-4.col-md-offset-4 div.form-group {
display: flex!important;
justify-content: center!important;
}<div class="form-row">
<div class="col-md-4 col-md-offset-4">
<div class="form-group">
<label asp-for="FirstName"></label>:
<input asp-for="FirstName" class="form-control" />
</div>
</div>
</div>
