Tabs - Tabs
Basic Tabs
Default Bootstrap navigation tabs
Home Content
This is the home tab content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Profile Content
This is the profile tab content. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Messages Content
This is the messages tab content. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Settings Content
This is the settings tab content. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Pills Tabs
Rounded pill style navigation
Home Content
This is the home tab content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Profile Content
This is the profile tab content. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Messages Content
This is the messages tab content. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Settings Content
This is the settings tab content. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Vertical Tabs
Tabs aligned vertically on the left
Home Content
This is the home tab content. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Profile Content
This is the profile tab content. Ut enim ad minim veniam, quis nostrud exercitation.
Messages Content
This is the messages tab content. Duis aute irure dolor in reprehenderit.
Settings Content
This is the settings tab content. Excepteur sint occaecat cupidatat non proident.
Underline Tabs
Tabs with underline indicator
Home Content
This is the home tab content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Profile Content
This is the profile tab content. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Messages Content
This is the messages tab content. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Settings Content
This is the settings tab content. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Justified Tabs
Equal width tabs filling the container
Home Content
This is the home tab content. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Profile Content
This is the profile tab content. Ut enim ad minim veniam, quis nostrud exercitation.
Messages Content
This is the messages tab content. Duis aute irure dolor in reprehenderit.
Settings Content
This is the settings tab content. Excepteur sint occaecat cupidatat non proident.
Icon Only Tabs
Tabs with icons only for compact display
Home Content
This is the home tab content. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Profile Content
This is the profile tab content. Ut enim ad minim veniam, quis nostrud exercitation.
Messages Content
This is the messages tab content. Duis aute irure dolor in reprehenderit.
Settings Content
This is the settings tab content. Excepteur sint occaecat cupidatat non proident.
Soft Color Pills
Pills with soft theme colors
Home Content
This is the home tab content with soft blue color theme.
Profile Content
This is the profile tab content with soft purple color theme.
Messages Content
This is the messages tab content with soft teal color theme.
Settings Content
This is the settings tab content with soft orange color theme.
Tabs with Badges
Show notification counts on tabs
Home Content
Welcome to your dashboard home.
Messages (5 unread)
You have 5 unread messages waiting for your attention.
Notifications (12 new)
You have 12 new notifications to review.
Tasks (3 pending)
You have 3 pending tasks to complete.
Bordered Card Tabs
Tabs with bordered card style content area
