Twitter Bootstrap 3 Sticky Footer

html css twitter-bootstrap twitter-bootstrap-3
Brad Fletcher picture Brad Fletcher · Jul 31, 2013 · Viewed 336.5k times · Source

I have been using the twitter bootstrap framework for quite a while now and they recently updated to version 3!

I'm having trouble getting the sticky footer to stick to the bottom, I have used the starter template supplied by the twitter bootstrap website, but still no luck, any ideas?

Answer

Jon picture Jon · Feb 6, 2014

just add the class navbar-fixed-bottom to your footer.

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

Related questions

vertical-align with Bootstrap 3

I'm using Twitter Bootstrap 3, and I have problems when I want to align vertically two div, for example — JSFiddle link: The grid system in Bootstrap uses float: left, not display:inline-block, so the property vertical-align doesn't work. I tried using …

Read More
How to vertically center a container in Bootstrap?

I'm looking for a way to vertically center the container div inside the jumbotron and to set it in the middle of the page. The .jumbotron has to be adapted to the full height and width of the screen. The .…

Read More
How to add a search box with icon to the navbar in Bootstrap 3?

I am using the new Twitter Bootstrap 3, and am trying to place a search box like this (below) in the top navbar: In Bootstrap 2, it could've ben done like this: <form class="form-search" method="get" id="s" action="/"> &…

Read More