Tabs are great for content discovery by the user or visitor. Instead of overwhelming them, they can 'tab through' the content to find what they are looking for.
Each tab is a link element that refers to (links to) the ID of the corresponding content panel.
When you click on each tab, only the container with the corresponding tab id will become visible. You can add the class .disabled to make a tab inaccessible.
Sometimes you really want to fill the space on the tab bar.
Because sometims that is a better layout.
These tabs are placed above the content panels on small screen and next to them on wide screens.
The same as above but with a sweet design and elevation effect added.