html - 如何在表单中对齐 HTML

问题描述

这是我正在使用的代码，谁能告诉我如何对齐我的餐饮服务商和下拉菜单。我有 5 个屏幕，其中一些我设法对齐，但在这个屏幕上，我不知道该怎么做。

<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>

标签： htmlalignment

在第一行代码 div class="row"。你可以像这样添加align="center"

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

查看示例

html - 如何在表单中对齐 HTML

问题描述

解决方案

推荐阅读