Materialize CSS navbar is completely supported HTML nav tag.It has basically two parts. The first part contains the brand logo or brand link and the second one denotes navigation links. These navigation links can be placed either left or right.
To place nav link right side of the navbar, add .right
class to the <ul>
element base class.
To place nav link left side of the navbar, assign .left
class to the <ul>
element base class.
To center the brand logo, just add the .center
class to the element base class having class .brand-logo
.
To create active link item assign .active
class to the child element(<li>
) base class.
To create a fixed navbar, just add an out wrapper div having class .navbar-fixed
.