Javatpoint Logo
Javatpoint Logo

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


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

Test it Now


Materialize Navbar 1
Materialize Navbar 2

Youtube For Videos Join Our Youtube Channel: Join Now


Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Trending Technologies

B.Tech / MCA