• ADS

 • CSS

 • EXCEL

 • IMAGE-SERVER

 • SCRIPTS

 • SEO

 • WEB-PAGE-LANGUAGES

 • WEB-SERVER

 • WEBSITE-MONITORING-AND-BACKUP

W3.CSS Navigation Bars

Navigation Bar Classes

W3.CSS provides the following classes for navigation bars:

• w3-bar: Horizontal container for HTML elements.
• w3-bar-block: Vertical container for HTML elements.
• w3-bar-item: Container bar elements.
• w3-sidebar: Vertical sidebar for HTML elements.
• w3-mobile: Makes any bar element mobile-first responsive.
• w3-dropdown-hover: Hoverable dropdown element.
• w3-dropdown-click: Clickable dropdown element (instead of hover) & requires javascript to work.

Examples

• Simple navigation bar: View example (78)
• Fixed top navigation bar: View example (77)
• Advanced navigation bar: View example (76)
• Collapsing the Navigation Bar: View example (79)