Как выровнять ввод текста, чтобы он был в центре?
Я не могу выровнять свой ввод текста так же, как мой образ, не могу заставить его писать. Пожалуйста, помогите мне, спасибо.
Что я уже пробовал:
<div data-="mainContent"> <section class="container"> <div class="logo col-sm-12 text-center col-md-12"> <img alt="" src="~/Images/eNtsa.png" /></div> <div class="clearfix"></div> <div class="innerContainer"> <div class="row"> <div id="MyWizard" class="formArea LRmargin"> @using (Html.BeginForm()) { @Html.AntiForgeryToken() <div id="divMessage" class="text-center col-md-5 col-md-offset-5 alert-success"> @Html.ValidationSummary() </div> <div class="glyphicon-log-out col-sm-17 text-center col-md-15"> <img alt="" src="~/Images/gcobani.jpg" /></div> <div class="col-md-10 col-md-offset-10 col-xs-12"> <div class="loginPage panel-info"> <span class="">User</span> <div class="form-group"> @Html.TextBoxFor(model => model.username, new { @class = "form-control", autocomplete = "off" }) @Html.ValidationMessageFor(model => model.username) </div> <div class="form-group"> <span class="">Password</span> @Html.PasswordFor(model => model.password, new { @class = "form-control", autocomplete = "off" }) @Html.ValidationMessageFor(model => model.password) </div> </div> <div class="form-group"> <input id="BtnLogin" type="submit" class="btn btn-success btn-pressure" name="BtnLogin" value="Login" /> <input id="BtnReset" type="reset" value="Create" class="btn btn-info btn-pressure" name="BtnReset" value="Reset" /> </div> </div> } <div class="clear"></div> </div> </div> </section> </div>
Richard Deeming
Сетка Bootstrap имеет 12 столбцов; col-md-15
это не имеет смысла и не будет иметь никакого эффекта.
Кроме того, вы не объяснили, какое изображение вы пытаетесь выровнять, и пытаетесь ли вы центрировать его горизонтально или вертикально.
Попробуйте создать небольшой JSFiddle[^] чтобы продемонстрировать проблему.
gcogco10
Я хочу, чтобы мое текстовое поле имени пользователя и пароля было в центре и кнопке, они скошены влево