34
Próbuję się Bootstrap i zastanawiałem się, jak mogę naprawić stopkę na dole bez jej zniknięcia ze strony, jeśli zawartość jest przewijana?Naprawiono stopkę w Bootstrapie
A
Odpowiedz
97
Aby uzyskać stopki, które przykleja się do dołu wziernika, nadać mu ustaloną pozycję tak:
footer {
position: fixed;
height: 100px;
bottom: 0;
width: 100%;
}
Bootstrap zawiera ten CSS na pasku nawigacyjnym> Sekcja stazu z klasą fixed-bottom. Wystarczy dodać do tej klasy do elementu stopki:
<footer class="fixed-bottom">
Bootstrap docs: http://v4-alpha.getbootstrap.com/components/navbar/#placement
-3
Możesz chcieć sprawdzić, czy przykład: http://getbootstrap.com/2.3.2/examples/sticky-footer.html
34
dodać to:
<div class="footer navbar-fixed-bottom">
https://stackoverflow.com/a/21604189
EDYCJA: klasa navbar-fixed-bottom została zmieniona na fixed-bottom od wersji Bootstrap v4-alpha.6.
http://v4-alpha.getbootstrap.com/components/navbar/#placement
2
Dodaj z-index:-9999; tej metody, czy będzie to zakryj górną poprzeczkę jeśli masz 1.
To jest dla lepkiej stopki, a nie ustalonej stopki:/ –
@aaronz jaka jest różnica? –
@ArsenIbragimov Sticky footer zostaje przesunięty na koniec strony, jeśli zawartość jest wyższa niż widok. Naprawiono stopkę widoczną zawsze u dołu widoku. –