The navbar is fully contained by an HTML5 Nav tag. Inside a recommended container div, there are 2 main parts of the navbar. A logo or brand link, and the navigations links. You can align these links to the left or right.
Right Aligned Links
To right align your navbar links, just add a right class to your <ul> that contains them.
Left Aligned Links
To left align your navbar links, just add a left class to your <ul> that contains them.
Centering the logo
The logo will center itself on medium and down screens, but if you want the logo to always be centered, add the center class to your <aclass="brand-logo">.
You will have to make sure yourself that links do not overlap if you use this.
To make the navbar fixed, you have to add an outer wrapping div with the class navbar-fixed. This will offset your other content while making your nav fixed. You can adjust the height of this outer div
to change how much offset is on your content.
DEMO: You can see the theme top nav is fixed.
Navbar Dropdown Menu
To add a navbar dropdown menu, add the ul dropdown structure into the page.Then, add an element to trigger the dropdown menu. Make sure to supply the id of the dropdown structure to the
data-activates attribute of the dropdown trigger.
You can add icons into links. For icon only links you don't need any additional class. Just pop the i tag in and it will work.
For adding an icon to a text link you need to add either a left or right class to the icon depending on where you want the icon to be.
You can add a search form in the navbar.
Mobile Collapse Button
When your nav bar is resized, you will see that the links on the right turn into a hamburger icon . Take a look at the example below to get this functionality. Add the entire button-collapse line to your nav.