Comment vider un pied de page au bas de la page dans Twitter Bootstrap ?

Vinage du pied de page vers le bas de la page avec Twitter Bootstrap

Vidage d'un pied de page vers le bas d'une page à l'aide de CSS est une technique courante. Cependant, des difficultés surviennent lorsque l'on tente d'appliquer cette approche avec Twitter Bootstrap en raison de sa nature réactive.

Dans les versions antérieures de Bootstrap, le déplacement du pied de page vers le bas n'était pas inclus. Cependant, dans Bootstrap 2.2.1 et versions ultérieures, cette fonctionnalité est disponible.

Bootstrap 3.x

Pour vider le pied de page dans Bootstrap 3.x, utilisez la barre de navigation composant et ajoutez la classe .navbar-fixed-bottom. Cela fixera le pied de page au bas de la page, quelle que soit la hauteur de la page.

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

Bootstrap 4.x

Dans Bootstrap 4.x, le la syntaxe a légèrement changé. Pour fixer le pied de page en bas, utilisez le code suivant :

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

Pour éviter que le contenu de la page ne soit couvert, ajoutez body { padding-bottom: 70px; } ou une règle de style similaire.

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!