Comment puis-je faire en sorte qu'un pied de page adhère au bas de la page dans Twitter Bootstrap ?

Flushing Footer to Bottom of Page with Twitter Bootstrap

Obtenir un pied de page qui affleure de manière transparente vers le bas de la page peut être un défi, surtout lorsque vous utilisez des frameworks de conception réactifs comme Twitter Bootstrap. Malgré une bonne maîtrise des techniques conventionnelles, certains utilisateurs rencontrent des difficultés lorsqu'ils tentent d'implémenter cette fonctionnalité dans un environnement Twitter Bootstrap.

Il est important de noter qu'avec la sortie de Twitter Bootstrap 2.2.1, cette fonctionnalité est devenue une fonctionnalité intégrée. Pour Bootstrap 3.x, c'est aussi simple que d'ajouter la classe ".navbar-fixed-bottom" au composant navbar :

<div>

Pour Bootstrap 4.x, utilisez le code suivant :

<div>

Cependant, pour éviter que le contenu de la page ne chevauche le pied de page, n'oubliez pas d'inclure les éléments suivants CSS :

body { padding-bottom: 70px; }

Des informations plus détaillées peuvent être trouvées dans la documentation officielle de Bootstrap : http://getbootstrap.com/components/#navbar-fixed-bottom

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!