- 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 Overview
Description
Navigation contains links to other sections, it consist of many navigation patterns. Following are the various patterns of navigation available in Foundation.
Basic 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. We will study about this in detail in the chapter Menu
Top Bar
Top bar is used to wrap all the menu. It helps to display the complex menu bar on all types of screen i.e. small, large and medium screen. We will study about this in detail in the chapter Top Bar.
Menu Plugins
The following are the three types of menu plugins which create different styles for multiple menus by using the same markup.
Dropdown Menu
The dropdown menu plugin is used to create sub-menus below the main menu. The data-dropdown-menu helps in converting the nested menu into the list of dropdown menu. We will study about this in detail in the chapter Dropdown Menu.
Drilldown Menu
The drilldown menu plugin is used to create submenus in main menu in the slider format. The data-drilldown helps in converting the nested menu into the list of sliding menu. We will study about this in detail in the chapter Drilldown Menu
Accordion Menu
The accordion menu plugin is used to create sub menus in main menu in the collapsed manner. The data-accordion-menu helps in converting the nested menu into the list of collapsed menu. We will study about this in detail in the chapter Accordion Menu
Responsive Navigation
Responsive menu plugin allocats the menu in the different size of screen. data-responsive-menu is used to change the drill down menu into dropdown menu for large screen. We will study about this in detail in the chapter Responsive Navigation.