Je suis en train d'avoir mon pied toujours au bas de la page, comme ici: http://getbootstrap.com/examples/sticky-footer-navbar/Boostrap 3 plugin affixe cesse de fonctionner lorsque le corps 100%
J'utilise aussi le plugin affixe de sorte que lorsque le défilement vers le bas navbar sera (coller) en haut de la fenêtre du navigateur lors du défilement. Cependant chaque fois que j'ajoute
body {
height: 100%
}
l'affixe cesse de fonctionner. ce qui donne?
Vous ne devez pas utiliser un plug-in:
-1- Utilisez le -fixe-barre de navigation supérieure classe dans votre barre de navigation, par exemple div class="navbar navbar-default navbar-fixed-top"
-2- Assurez-vous votre page a la structure correcte (pour Bootstrap 3 est):
<body>
<!-- Wrap all page content here -->
<div id="wrap">
page content here
</div> <!-- end wrap -->
<div id="footer">
sticky footer here
</div> <!-- end footer -->
</body>
-3- css est
html,
body {
height: 100%;
/* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* Negative indent footer by its height */
margin: 0 auto -60px;
/* Pad bottom by footer height */
padding: 0 0 60px;
}
/* Set the fixed height of the footer here */
#footer {
height: 60px;
background-color: #f5f5f5;
}
C'est tout! Notez que CSS et la structure de la page a changé quelque peu de Bootstrap 2
Bonne chance!