The following markup could be used to make a default inline tabs with tab at the top:

<div class="tab-container">  <ul class="nav nav-tabs">    <li class="active"><a href="#home1" data-toggle="tab">Home</a></li>    <li><a href="#profile1" data-toggle="tab">Profile</a></li>  </ul>  <div class="tab-content">    <div class="tab-pane active" id="home1">Content 1</div>    <div class="tab-pane" id="profile1">Content 2</div>  </div></div>

Tab positions can be changed by adding tab-left, tab-rightand tab-bottomclasses to the tab-container.

Further color can be added by using brands in the form of tab-success, tab-alart, tab-magentaand many more!