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

[Anonymous]

У меня есть шаблон _layout.cshtml, который имеет отдельные секции заголовка, основного и нижнего колонтитула. Нижний нижний колонтитул предназначен для покрытия всей ширины обзора. Однако, как только я добавляю элемент Bootstrap 5 в вид, нижний колонтитул перемещается внутри основной теги. Это только использует элемент таблицы Bootstrap 5, который мне нужно использовать. < /P>
Может ли кто -нибудь указать мне в правильном направлении на то, что здесь происходит и как это исправить? Нижний нижний колонтитул, покрывающая всю ширину "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