Adakah jadual tanpa sempadan Bootstrap masih mempunyai sempadan?

Question

Agak baru untuk Boostrap dan tidak dapat mengetahui apa yang boleh mencetuskan baris ini pada paparan Cipta saya dan cara untuk menyingkirkannya.

Berikut adalah beberapa pendapat saya berkaitan bidang ini:

<h3 class="text-primary pl-3">Client Demographic Information</h3>
        <table class="table table-bordeless" style="width:100%">
            <tr>
                <td style="width: 30%">
                    <div class="form-group, mb-3">
                        <label asp-for="Incident.CaseType"></label>
                        <br />
                        @foreach (var item in Html.GetEnumSelectList<CaseType>())
                        {
                            <input type="radio" asp-for="Incident.CaseType" value="@item.Text"/>@item.Text
                        }
                    </div>
                </td>
                <td style="width: 30%">
                    <div class="mb-3">
                        <label asp-for="Incident.PIFirstName"></label>
                        <input asp-for="Incident.PIFirstName" class="form-control" />
                        <span asp-validation-for="Incident.PIFirstName" class="text-danger"></span>
                    </div>
                </td>
                <td style="width: 10%">
                    <div class="mb-3">
                        <label asp-for="Incident.PIMiddleInitial"></label>
                        <input asp-for="Incident.PIMiddleInitial" class="form-control" />
                        <span asp-validation-for="Incident.PIMiddleInitial" class="text-danger"></span>
                    </div>
                </td>
                <td style="width: 30%">
                    <div class="mb-3">
                        <label asp-for="Incident.PILastName"></label>
                        <input asp-for="Incident.PILastName" class="form-control" />
                        <span asp-validation-for="Incident.PILastName" class="text-danger"></span>
                    </div>
                </td>
            </tr>
        </table>
        <table class="table table-bordeless" style="width:100%">
            <tr>
                <td style="width: 40%">
                    <div class="mb-3">
                        <label asp-for="Incident.PIAddressCity"></label>
                        <select asp-for="Incident.PIAddressCity" id="Select1" class="form-select" asp-items="@(new SelectList(Model.DisplayCityData.OrderBy(x => x.CityName),"CityName", "CityName"))"><option value="" selected disabled>---Select Residence City---</option></select>
                    </div>
                </td>

Semoga ada yang dapat membantu. Terima kasih!

Answer 1

Terdapat ralat ejaan dalam nama kelas:

table class="table table-bordeless"

Ditukar kepada:

table class="table table-borderless"