Bootstrap Table проглатывает тег нижней части нижней части в основной тег ⇐ CSS

[Anonymous]

У меня есть шаблон _layout.cshtml, который имеет отдельные секции заголовка, основного и нижнего колонтитула. Нижний нижний колонтитул предназначен для покрытия всей ширины обзора. Однако, как только я добавляю элемент Bootstrap 5 в вид, нижний колонтитул перемещается внутри основной теги. Это только использует элемент таблицы Bootstrap 5, который мне нужно использовать. src = "https://i.sstatic.net/bh4mljaz.png"/>
Но включать в себя таблицу теперь разбивается, нижний колонтитул, движущийся внутри основного контейнера, который разбивает позицию нижней колонты. src = "https://i.sstatic.net/vaowmdth.png"/>
Это просто по умолчанию основное веб -приложение Asp.net (MVC) со следующими изменениями
sstrong>_layout.cshtml:>




@ViewData["Title"] - DataTablesTest

[*]







DataTablesTest

• Home
• Table

@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.chtml: < /p>
@{
ViewData["Title"] = "Table";
}

Table

Подробнее здесь: https://stackoverflow.com/questions/794 ... o-main-tag