Basic Horizontal Tabs

Use the class .tab-container to house all your tabs

article.tab-container
	nav.tab-nav
		li.tab-nav-item
			a.tab
		// ...
	.tab-panel-container
		section.tab-panel#hash
		// ...

Basic Horizontal Tabs with Icons

You can easily integrate the icons component with tabs:

Vertical Tabs

For vertical tabs, simply use the class .tab-nav-vertical:

Grid-Based Tabs

You can easily combine tabs with the existing grid system: