Add .navbar-fixed-bottom and include a .container or .container-fluid to center and pad navbar content.

{% highlight html %} {% endhighlight %}

Body padding required

The fixed navbar will overlay your other content, unless you add padding to the bottom of the <body>. Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high.

{% highlight scss %} body { padding-bottom: 70px; } {% endhighlight %}

Make sure to include this after the core Bootstrap CSS.