Фиксированный нижний колонтитул в Bootstrap

Я пробую Bootstrap, и мне было интересно, как я могу исправить нижний колонтитул внизу, чтобы он не исчезал со страницы при прокрутке содержимого?

Чтобы нижний колонтитул прилипал к нижней части области просмотра, задайте ему фиксированное положение, например:

footer {
    position: fixed;
    height: 100px;
    bottom: 0;
    width: 100%;
}

Bootstrap включает этот CSS в раздел Navbar> Placement с классом fixed-bottom. Просто добавьте этот класс в свой нижний колонтитул:

<footer class="fixed-bottom">

Документы начальной загрузки: https://getbootstrap.com/docs/4.4/utilities/position/#fixed-bottom

Добавь это:

<div class="footer navbar-fixed-bottom">

https://stackoverflow.com/a/21604189

РЕДАКТИРОВАТЬ: класс navbar-fixed-bottomбыл изменен на fixed-bottomBootstrap v4-alpha.6.

http://v4-alpha.getbootstrap.com/components/navbar/#placement

Добавь это:

<div class="footer fixed-bottom">

Добавьте z-index:-9999;к этому методу, иначе он закроет вашу верхнюю панель, если у вас есть 1.

Вы можете сделать это, обернув содержимое страницы в div со следующим стилем идентификатора:

<style>
#wrap {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -60px;
}
</style>

<div id="wrap">
    <!-- Your page content here... -->
</div>

Работал у меня.

Вы можете проверить этот пример: http://getbootstrap.com/2.3.2/examples/sticky-footer.html