I'm trying out Bootstrap and I was wondering, how I can fix the footer on the bottom without having it disappear from the page if the content is scrolled?
This question is related to
html
css
twitter-bootstrap
footer
Add this:
<div class="footer fixed-bottom">
You might want to check that example: http://getbootstrap.com/2.3.2/examples/sticky-footer.html
You can do this by wrapping the page contents in a div with the following id styling applied:
<style>
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60px;
}
</style>
<div id="wrap">
<!-- Your page content here... -->
</div>
Worked for me.
Add this:
<div class="footer navbar-fixed-bottom">
https://stackoverflow.com/a/21604189
EDIT: class navbar-fixed-bottom
has been changed to fixed-bottom
as of Bootstrap v4-alpha.6.
http://v4-alpha.getbootstrap.com/components/navbar/#placement
Add z-index:-9999;
to this method, or it will cover your top bar if you have 1
.
Source: Stackoverflow.com