Как выровнять в HTML в формах - PullRequest
0 голосов
/ 19 апреля 2020

Это мой код, который я использую, может кто-нибудь сказать мне, как я могу настроить свой поставщик и выпадающее меню. У меня есть 5 экранов, некоторые из которых мне удается выровнять, но на этом экране я понятия не имею, как это сделать.

enter image description here

<div class="row ">
    <div class="col-md-12">

        <div class="card m-b-30">
            <div class="card-header">
                <h5 class="card-title">RESERVATION COMPLETION</h5>
            </div>


            <div class="card-body">
                <form id="form" enctype="multipart/form-data">
                    <input type="hidden" id="Id" />
                    <div class="row">
                        <div class="col-md-6">

                            <div class="form-group">
                                <label for="Category">Caterer</label>
                                <select class="form-control js-example-basic-single" id="data-packagetypes-caterercombo" style="width:200px;">
                                    <option value="">Golden Crown</option>

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

                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="ReservationNo">Reservation No</label>
                                <select class="form-control js-example-basic-single" id="data-reservationcompletion-combo" style="width:200px;" required>
                                    <option value="">--Select--</option>

                                </select>
                            </div>
                        </div>
                    </div>
                    <button type="submit" id="btnSubmit" class="btn btn-dark">Complete Reservation</button>
                    <button type="reset" id="btnClear" class="btn btn-dark">Clear</button>
                </form>
            </div>
        </div>
    </div>
</div>

1 Ответ

0 голосов
/ 19 апреля 2020

В первой строке кода div class = "row". Вы можете добавить align = "center" Like This

<div class="row " align="center">
   
                            
                            

См. Пример

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...