Es gibt navbar-static-topnavbar-fixed-top und navbar-fixed-bottom aber navbar-static-bottom funktioniert einfach nicht in Bootstrap. Gibt es eine Möglichkeit, diesen Effekt zu erzielen?Wie erreicht man Navbar-Static-Bottom-Klasse?
diese Sie nach einer klebrigen Fußzeilenleiste
<html>
<body>
<div class="wrapper">
<div class="contents">
<div class="clearfix">
<!-- some contents -->
</div>
</div>
<footer>
<div class="clearfix">
<!-- some contents -->
</div>
</footer>
</div>
</body>
</html>
CSS
html, body {
background-color: #F3F3F3;
height: 100%;
margin: 0;
padding: 0;
}
.wrapper {
position: relative;
min-height: 100%;
}
.contents {
height: 1500px;
}
footer {
background-color: rgb(34, 42, 53);
position: absolute;
bottom: 0; /* absolutely bottom */
width: 100%;
}
.clearfix {
padding: 20px;
}
Blick auf die Fußzeile, um zu überprüfen, ob die Fußzeile klebt, ändern '.contents' Höhe. – keziah
Sind
HTML Versuchen? – Harvey
Ja, ich glaube schon. – HomeBrainBox
http://getbootstrap.com/examples/sticky-footer/ – thepio