gcogco10 Ответов: 0

Как выровнять ввод текста, чтобы он был в центре?


Я не могу выровнять свой ввод текста так же, как мой образ, не могу заставить его писать. Пожалуйста, помогите мне, спасибо.

Что я уже пробовал:

<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

Я хочу, чтобы мое текстовое поле имени пользователя и пароля было в центре и кнопке, они скошены влево

0 Ответов