Main Menu Below Header For when you need more navigation options.
To make the navbar show below the header do the following:
-
1 Move the
.navbar
element outside of the.header > .header-inner
element -
2 Add the class
.container
to the.navbar-nav
element. -
3 Add the classes
.bg-inverse
and.navbar-inverse
to the.navbar-main
element.