Base UI

Tabs
Pill Tabs Simple Pill Tabs with two difference style.
Underline Tabs Simple Tabs with underline style.
Documentation
Starter Kit Codes
Starter Kit Code 
<ul class="nav nav-pills">
	<li class="nav-item">
		<a class="nav-link active" aria-current="page" href="javscript:void()">Revenue</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" href="javscript:void()">Users</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" href="javscript:void()">Deals</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" href="javscript:void()">Profit</a>
	</li>
</ul>
Starter Kit Code 
<ul class="nav nav-pills nav-bordered">
	<li class="nav-item">
		<a class="nav-link active" aria-current="page" href="javscript:void()">All</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" href="javscript:void()">Primary</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" href="javscript:void()">Promotions</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" href="javscript:void()">Updates</a>
	</li>
</ul>
Starter Kit Code 
<ul class="nav nav-tabs">
	<li class="nav-item">
		<a class="nav-link active" aria-current="page" href="javscript:void()">Description</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" href="javscript:void()">Specifications</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" href="javscript:void()">Reviews</a>
	</li>
</ul>
Starter Kit Code 
<ul class="nav nav-tabs nav-justified" style="width: 380px;">
	<li class="nav-item">
		<a class="nav-link active" aria-current="page" href="javscript:void()">Posts</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" href="javscript:void()">Tagged</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" href="javscript:void()">Liked</a>
	</li>
</ul>