- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
Foundation - Navigation Menu
Description
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. |
foundation_navigation.htm
Advertisements