Add .navbar-fixed-top 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 top 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-top: 70px; } {% endhighlight %}

Make sure to include this after the core Bootstrap CSS.