Maison >interface Web >tutoriel CSS >Comment puis-je faire en sorte qu'un pied de page adhère au bas de la page dans Bootstrap ?

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

Linda Hamilton
Linda Hamiltonoriginal
2024-12-06 00:59:13968parcourir

How Can I Make a Footer Stick to the Bottom of the Page in Bootstrap?

Vinage du pied de page vers le bas de la page à l'aide de Bootstrap

Question :

J'ai des difficultés à obtenir un pied de page à afficher en bas de page à l'aide de Twitter Bootstrap, surtout compte tenu de sa nature réactive. Comment y parvenir efficacement ?

Réponse :

Avec Bootstrap 2.2.1, cette fonctionnalité est désormais incluse.

Pour Bootstrap 3.x :

Utilisez le composant navbar avec le Classe ".navbar-fixed-bottom":

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

Pour Bootstrap 4.x :

Incorporer le code suivant :

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

De plus, assurez-vous d'incorporer le style suivant pour éviter que le contenu de la page ne soit obscurci :

body { padding-bottom: 70px; }

Documentation :

Pour des informations détaillées, consultez la documentation officielle de Bootstrap à l'adresse http://getbootstrap.com/components/#navbar-fixed- en bas.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn