Pretty new to Boostrap and cannot figure out what may be triggering this line on my Create view and how to eliminate it.
Here is a portion of my view pertinent to that area:
<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>
Hoping someone can assist. Thank you!
>Solution :
class name has typo:
table class="table table-bordeless"
change with:
table class="table table-borderless"