Hat die randlose Bootstrap-Tabelle immer noch Ränder?

Question

Ganz neu bei Boostrap und ich weiß nicht, was diese Zeile in meiner Erstellungsansicht auslösen könnte und wie ich sie entfernen kann.

Im Folgenden finden Sie einige meiner Meinungen zu diesem Bereich:

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

Ich hoffe, jemand kann helfen. Danke!

Answer 1

类名有拼写错误：

table class="table table-bordeless"

更改为：

table class="table table-borderless"