---
title: Top-bar navigation
layout: doc/layouts/default.html
---
# Top Bar
The Foundation Top Bar gives you a great way to display a complex navigation bar on small, medium or large screens.
***
***
### Build With HTML Classes
The top bar is a pretty complex piece of magical UI goodness. We rely on many presentational classes to define its look and feel, and there's a lot happening in the JS. The top bar is hoverable by default, but you can change it use click events instead by adding `data-options="is_hover: false"` to the `