Staram się Bootstrap i zastanawiałem się, w jaki sposób mogę rozwiązać stopkę na dole bez zniknie ze strony, jeśli treść jest przewijane?
html
css
twitter-bootstrap
footer
stdcerr
źródło
źródło
fixed-bottom
nie zrobiłem tego, czego się spodziewałem, zamiast tegostatic-bottom
przestrzegałem wysokości zawartości strony.Dodaj:
<div class="footer navbar-fixed-bottom">
https://stackoverflow.com/a/21604189
EDYCJA: klasa
navbar-fixed-bottom
została zmieniona nafixed-bottom
wersję Bootstrap v4-alpha.6.http://v4-alpha.getbootstrap.com/components/navbar/#placement
źródło
Dodaj:
<div class="footer fixed-bottom">
źródło
Dodaj
z-index:-9999;
do tej metody lub zakryje ona górny pasek, jeśli masz1
.źródło
Możesz to zrobić, umieszczając zawartość strony w elemencie div z zastosowaniem następującego stylu id:
<style> #wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px; } </style> <div id="wrap"> <!-- Your page content here... --> </div>
Pracował dla mnie.
źródło
Możesz sprawdzić ten przykład: http://getbootstrap.com/2.3.2/examples/sticky-footer.html
źródło