Naprawiono stopkę w Bootstrapie

Question

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?

Answer 1

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

Answer 2

Możesz chcieć sprawdzić, czy przykład: http://getbootstrap.com/2.3.2/examples/sticky-footer.html

Answer 3

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

Answer 4

Dodaj z-index:-9999; tej metody, czy będzie to zakryj górną poprzeczkę jeśli masz 1.