Foundation - Navigation Menu



Menu is used to build many navigation components. It can be aligned in many ways i.e. vertical, horizontal or in a nested format.

The following table describes the different types of menu along with the description.

Sr.No. Type & Description
1 Basic Menu

The menu is horizontally oriented by default.

2 Item Alignment

Item alignment is to align the menu bar at the left or right side of the page.

3 Vertical Menu

The menu can be displayed vertically.

4 Simple Style

.simple class is included in a menu to create a simple menu bar.

5 Nested Style

Nested style is creating submenus in the main menu.

6 Icons

Menu items can also contain icons. Icons can be included by adding the element <i>.

7 Sass Reference

Change the styles of the components by using SASS variables and mixins.