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
Libérer: 2024-12-06 00:59:13
original
1025 Les gens l'ont consulté

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>
Copier après la connexion

Pour Bootstrap 4.x :

Incorporer le code suivant :

<div class="navbar fixed-bottom"></div>
Copier après la connexion

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

body { padding-bottom: 70px; }
Copier après la connexion

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 de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal