Bootstrap -Tabelle schlägt das Fußzeilen -Tag in das Hauptetik ⇐ CSS

[Anonymous]

Ich habe eine _layout.cshtml -Vorlage mit separaten Abschnitten für Header-, Haupt- und Fußzeilen -Tag. Die Fußzeile soll die gesamte Ansichtsbreite abdecken. Sobald ich jedoch ein Bootstrap 5 -Element in die Ansicht hinzufüge, bewegt sich die Fußzeile im Hauptetikett. Dies ist nur mit einem Bootstrap 5 -Tabellenelement, das ich verwenden muss. Separate und Fußzeile, die die gesamte Breite abdecken "src =" https://i.static.net/bh4mljaz.png "/>
Aber einbezieht die Tabelle jetzt bricht die Fußzeile in der Hauptbehälterin, die die Position des Fußgebiets bricht. Container "src =" https://i.static.net/vaowmdth.png "/>
Dies ist nur ein Standard -ASP.NET -Kern -Web -App (mvc) mit den folgenden Änderungen
_layout.cshtm.

Code: Select all

@ViewData["Title"] - DataTablesTest

[*]







DataTablesTest




[list]

Home

[*]
Table

[/list]







@RenderBody()






Text 1
Text 2
Text 3

Long text-Long text-Long text-Long text-Long text-Long text-Long text-Long text-Long text-Long text-







@await RenderSectionAsync("Scripts", required: false)


< /code>
table index.schtml: < /p>
@{
ViewData["Title"] = "Table";
}


[h4]Table[/h4]