Как расширить поле регистрации при использовании div-класса в форме? - PullRequest
Новая
       8

Как расширить поле регистрации при использовании div-класса в форме?

0 голосов
/ 17 марта 2020

У меня есть форма, она была создана внутри регистра, и я хочу расширить ширину, чтобы позволить создавать другие элементы управления, такие как вводимый текст. Есть ли способ сделать это на bootstrap? Посоветуйте пожалуйста ниже мой лог c. Я изо всех сил пытаюсь добиться этого и не нашел соответствующих примеров в документации по bootstrap, пожалуйста, помогите улучшить этот лог c лучше. Мой регистр находится в центре, и я хочу найти способ расширить его ширину. 

<center>
    <div class="register-box ">
        <div class="register-logo">

        </div>

        <div class="card">
            <div class="card-body register-card-body">
                <center>
                    <img src="~/Images/eNtsa.png" />
                </center>
                <center>
                    <p><b>Training Course Registration:Motion MasterClass</b></p>
                    <hr />
                    <p>Course date: 25-27 February 2020</p>
                    <hr />
                    <p>
                        Note:Please note your registration is submit approval as seats for this course is limited. Once your registration is confirmed, you will receive a quote for subject to your confirmation
                        followed by an invoice.
                    </p>
                </center>
                <hr />
                @using (Html.BeginForm("editRegForm", "Home", FormMethod.Post, new { @role = "form" }))
                {
                    @Html.AntiForgeryToken()
            <div class="row">
                <label for="Title"> Title: </label>
                <div class="input-group col-md-6 col-md-offset-8 col-sm-10 col-xs-10">
                    <div class="input-group pull-left">
                        @Html.TextBoxFor(m => m.Title, new { @class = "form-control", type = "text", id = "title", autofocus = "autofocus", placeholder = "Title", required = "required" })
                        <div class="input-group-append">
                            <div class="input-group-text">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <hr />
                    <div class="row">
                        <label for="Name">Name:</label>
                        <div class="input-group col-md-6 col-md-offset-8 col-sm-10 col-xs-10">
                            <div class="input-group pull-left">
                                @Html.TextBoxFor(m => m.FirstName, new { @class = "form-control", type = "text", id = "firstname", autofocus = "autofocus", placeholder = "First Name", required = "required" })
                                <div class="input-group-append">
                                    <div class="input-group-text">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <hr/>

                    <div class="row">
                        <div class="col-md-2">
                            <label for="LastName">LastName:</label>
                            </div>
                            <div class="col-md-10">
                            @Html.TextBoxFor(m => m.LastName, new { @class = "form-control", type = "text", id = "lastname", autofocus = "autofocus", placeholder = "Last Name", required = "required" })

                             </div>
                            </div>


                }
            </div>
            </div>
        </div>
</center>
...