Tabs Component Documentation

tabs Component

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