Takes the basic nav from above and adds the .nav-tabs class to generate a tabbed interface. Use them to create tabbable regions and to extend navigational tabs.
Below have options that you can use with tabs :
| Tabs options | Class | Description |
|---|---|---|
| Basic Tabs | .nav-tabs |
Simple basic nav tabs |
| Justified Tabs | .nav-justified |
For justified tabs with equal width. |
| Tabs with Only Icon | .nav-only-icon |
For only icons for active tab style. This will increase icon font size. |
| Vertical Tabs | .nav-vertical |
For vertical style of the tabs. |
You can use this tabs for more options using above classes :
- Tabs with icons
- Justified Tabs with different styles
- Tabs with pills & badges
- Vertical Tabs with icon
- Vertical Tabs with different styles, etc...
Refer following links for usage:
| Type | URL |
|---|---|
| Bootstrap Page | https://getbootstrap.com/docs/4.1/components/navs/#tabs |
| Template Page | https://pixinvent.com/demo/convex-bootstrap-admin-dashboard-template/demo-1/components-tabs.html |