Creating a sticky footer can be a real pain. Heres a simple way to do so in bootstrap.
HTML:
<html>
<body>
<div class="container-fluid">
<!-- page content -->
</div>
<footer class="footer">
</footer>
<=</body>
</html>
CSS:
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
/* Set the fixed height of the footer here */
height: 60px;
width: 100%;
background-color: #CCC;
Related External Links: