Я пытаюсь Bootstrap, и мне было интересно, как я могу исправить нижний колонтитул внизу, не покидая его страницы, если содержимое прокручивается?
Исправлен нижний колонтитул в Bootstrap
Ответ 1
Чтобы получить нижний колонтитул, расположенный в нижней части окна просмотра, придайте ему фиксированную позицию следующим образом:
footer {
position: fixed;
height: 100px;
bottom: 0;
width: 100%;
}
Bootstrap включает этот CSS в разделе Navbar > Placement с классом fixed-bottom
. Просто добавьте этот класс в элемент нижнего колонтитула:
<footer class="fixed-bottom">
Загрузочные документы: http://v4-alpha.getbootstrap.com/components/navbar/#placement
Ответ 2
Добавьте это:
<div class="footer navbar-fixed-bottom">
fooobar.com/questions/34523/...
EDIT: класс navbar-fixed-bottom
был изменен на fixed-bottom
по версии Bootstrap v4-alpha.6.
http://v4-alpha.getbootstrap.com/components/navbar/#placement
Ответ 3
Добавьте z-index:-9999;
к этому методу или он будет закрывать верхнюю панель, если у вас есть 1
.
Ответ 4
Возможно, вы захотите проверить этот пример: http://getbootstrap.com/2.3.2/examples/sticky-footer.html