Pied de page fixe dans Bootstrap

Question

J'essaie Bootstrap et je me demandais comment je pourrais fixer le pied de page en bas sans le faire disparaître de la page si le contenu défile?

Answer 1

Pour obtenir un pied de page collant au bas de votre fenêtre, définissez-le comme suit:

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

Bootstrap inclut ce CSS dans la section Navbar> Placement avec la classe fixed-bottom. Ajoutez simplement cette classe à votre élément de pied de page:

<footer class="fixed-bottom">

Documents d'amorçage: http://v4-alpha.getbootstrap.com/components/navbar/#placement

Answer 2

Ajoute ça:

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

https://stackoverflow.com/a/21604189

EDIT: la classe navbar-fixed-bottom a été remplacée par fixed-bottom à partir de Bootstrap v4-alpha.6.

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

Answer 3

Ajoutez z-index:-9999; à cette méthode, sinon elle recouvrira la barre supérieure si vous avez 1.