Tabs & Pills
1.
Pills Designs
Change the style of .navs component with modifiers and utilities. Mix and match as needed, or build your own.
Pills: Default #1.01
Use .nav-pills. Also requires base .nav class.
Pills: Fill & Justify #1.02
Use .nav-pills with .nav-fill. Also requires base .nav class.
2.
Pills Variations
Available variations with: horizontal, vertical, badges and icons.
Pills: Center #2.01
Available live example below
Pills: Right #2.02
Available live example below
Pills: Columns #2.03
Available live example below
Pills: Columns Left Badges #2.04
Available live example below
Pills: Columns Left & Right Badges #2.05
Available live example below
Pills: Columns Left Icon #2.06
Available live example below
Pills: Columns Right Icon #2.07
Available live example below
Pills: Columns Left & Right Icons #2.08
Available live example below
Pills: Columns Right Pills #2.09
Available live example below
Pills: Columns Right Badges #2.10
Available live example below
3.
Pills Appearance
Default, bordered, toolbar layouts
Pills: Left Icons #3.01
Available live example below
Pills: Right Icons #3.02
Available live example below
Pills: Only Icons #3.03
Available live example below
Pills: Justify Left Icon #3.04
Available live example below
Pills: Justify Right Icon #3.05
Available live example below
Pills: Justify Only Icon #3.06
Available live example below
Pills: Justify Right Pills #3.07
Available live example below
Pills: Justify Right Pills #3.08
Available live example below
Pills: Justify Left Pills #3.09
Available live example below
Pills: Left Pills #3.10
Available live example below
Pills: Left Badges #3.11
Available live example below
Pills: Justify Left Badges #3.12
Available live example below
Pills: Justify Right Badges #3.13
Available live example below
Pills: Right Badges #3.14
Available live example below
4.
Tabs Design
Available variations with: horizontal, vertical, badges and icons.
Tabs: Default #4.01
Available live example below
Tabs: Justify #4.02
Available live example below
5.
Tabs Variations
Available variations with: horizontal, vertical, badges and icons.
Tabs: Center #5.01
Available live example below
Tabs: Right #5.02
Available live example below
Tabs: Left Icons #5.03
Available live example below
Tabs: Right Icons #5.04
Available live example below
Tabs: Only Icons #5.05
Available live example below
Tabs: Big Icons #5.06
Available live example below
Tabs: Right Pills #5.07
Available live example below
Tabs: Only Pills #5.08
Available live example below
Tabs: Left Pills #5.09
Available live example below
Tabs: Right Badges #5.10
Available live example below
Tabs: Left Badges #5.11
Available live example below
Tabs: Only Badges #5.12
Available live example below