<script type="text/javascript">
/* Tabs */

var activeTab = 1;

function openTab(tabId) {
// reset old tab and content
document.getElementById("tabLink" + activeTab).className = "tabLink";
document.getElementById("tabContent" + activeTab).className = "tabContent";

// set new tab and content
document.getElementById("tabLink" + tabId).className = "tabLinkActive";
document.getElementById("tabContent" + tabId).className = "tabContentActive";

activeTab = tabId;
}
</script>

<ul class="nav nav-tabs" role="tablist">
<li class="nav-item"><a href='' class="tabLinkActive" id="tabLink1">Tab item 1</a></li>
<li class="nav-item"><a href='' class="tabLink" id="tabLink2">Tab item 2</a></li>
</ul>

<div class="tabContentActive" id="tabContent1">

</div>

<div class="tabContent" id="tabContent2">

</div>