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

To left align your navbar links, just add a left class 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 center class to your <a class="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 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.

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.