Bootstrap Navs
New
Navs classes
.nav
.nav justify-content-center
.nav justify-content-end
.nav flex-column
.nav-item
.disabled
.nav-link
.nav nav-tabs
.nav nav-pills
.nav nav-tabs nav-justified
.nav nav-pills nav-justified
.nav-item
.active
.disabled
.nav-item dropdown
.nav-link
.nav-link dropdown-toggle
.data-toggle="dropdown"
.data-toggle="tab"
.data-toggle="pill"
.tab-content
.tab-pane container active
.tab-pane container fade
Navbar classes
.navbar navbar-expand-# bg-*
.navbar navbar-expand-# bg-* navbar-dark fixed-top
.navbar navbar-expand-# bg-* navbar-dark fixed-bottom
.navbar navbar-expand-# bg-* navbar-dark sticky-top
.navbar navbar-expand-# bg-* justify-content-center
.navbar bg-*
.navbar-light
.navbar-dark
.collapse navbar-collapse
.navbar-nav
.navbar-brand
.navbar-item
.navbar-item dropdown
.navbar-toggler
.nav-link
.navbar-toggler-icon
.nav-link dropdown-toggle
.navbar-text
The Exercise of Navbar
horizontal navbar, centered
H-Link A
H-Link B
H-Link C
vertical navbar
V-Link A
V-Link B
V-Link C
horizontal navbar, centered
H-Link A
H-Link B
H-Link C
Collapsing
H-Link A
H-Link B
H-Link C
navbar + dropdown
Logo
Category 1
H-Link A
A1
A2
A3
H-Link B
H-Link C
Category 2
H-Link X
H-Link Y
H-Link Z