Navigation Bars

These modular elements can be readily used and customized across pages and in different blocks.

Explore all of Stack’s modular elements
at the Element Index Page →

Bar Markup

Navigation bars in Stack require a parent .bar element with container and row children. Columns inside the bar are controlled using the Bootstrap Grid classes. Using the responsive Bootstrap Grid column classes makes it easy to control how your bar will appear on different devices (eg: tablet, mobile).

Each module inside a column is housed inside a .bar__module
element.