Materialize CSS Navbar

Navbar is used to create a simple navigation bar. Materialize CSS provides various CSS classes to create a Navbar.

Navbar is used inside the recommended container div. There are two main parts of navbar:

• Logo or brand link
• Navigation link (You can align these links to the left or right)

You can use the navbar in the following ways:

• Right aligned links
• Left aligned links
• Center logo
• Active links
• Navbar dropdown menu
• Navbar with links and Icons
• Navbar Icon with Text

Example

Let's take a Materialize CSS example to demonstrate all above properties:

Output: