CS

Charlie Stone

Art Director

Upcoming events

12:00

Donec laoreet fringilla justo a pellentesque

13:20

Nunc quis massa nec enim

14:00

Praesent sit amet

Reports

Sunnel

Variation

The base .nav component is built with flexbox and provide a strong foundation for building all types of navigation components. It includes some style overrides (for working with lists), some link padding for larger hit areas, and basic disabled styling.

Default

Pill

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

Tab

Takes the basic nav from above and adds the .nav-tabs class to generate a tabbed interface.

Line

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

Alignment

Change the horizontal alignment of your nav with flexbox utilities. By default, navs are left-aligned, but you can easily change them to center or right aligned.

Fill and justify

Force your .nav's contents to extend the full available width. To proportionately fill all available space with your .nav-items, use .nav-fill. For equal-width elements, use .nav-justified. All horizontal space will be occupied by nav links.

Additional elements

You can combine other elements such as badges, icon or caret to separate nav items, we provide .nav-prepend and .nav-append for wrapping those elements.

Navigation

Settings

Performance

CPU Load
60%
CPU Temparature
42°
RAM Usage
6,532 MB

Customer care

Reports

Projects

May 14, 2020

Upcoming events

12:00

Donec laoreet fringilla justo a pellentesque

13:20

Nunc quis massa nec enim

14:00

Praesent sit amet