web-dev-qa-db-fra.com

Pied de page fixe dans Bootstrap

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?

63
stdcerr

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

156
Josh KG

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

66
Siddharth Chauhan

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

3
Daniel Tero