To right align your navbar links, just add a rightclass to your <ul> that contains them.

To left align your navbar links, just add a leftclass to your <ul> that contains them.

The logo will center itself on medium and down screens, but if you want the logo to always be centered, add the centerclass to your <aclass="brand-logo">. You will have to make sure yourself that links do not overlap if you use this.

To add a navbar dropdown menu, add the uldropdown 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-activatesattribute of the dropdown trigger.

• one
• two
• three

You can add icons into links. For icon only links you don't need any additional class. Just pop the itag in and it will work.

For adding an icon to a text link you need to add either a leftor rightclass to the icon depending on where you want the icon to be.

You can add a search form in the navbar.

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.