Navigation

Navs

We've adapted Navs from Bootstrap. They have shared markup, starting with the base .nav class, as well as shared states. Swap modifier classes to switch between each style.

Make navs used as navigation accessible

If you are using navs to provide a navigation bar, be sure to add a role="navigation" to the most logical parent container of the <ul>, or wrap a <nav> element around the whole navigation. Do not add the role to the <ul> itself, as this would prevent it from being announced as an actual list by assistive technologies.

Navigation options

.nav-sub

For navigation between pages in a section (eg. Roster's Group Search, People Search, and Group Mail), iuse .nav-sub. The example below would normally be floated right (see example at the top of this page).

.nav-choices

Take that same HTML, but use .nav-choices instead.