<div class="portlet portlet-default"> <div class="portlet-body"> <ul id="userTab" class="nav nav-tabs"> <li class="active"><a href="#overview" data-toggle="tab">Overview</a> </li> <li><a href="#profile-settings" data-toggle="tab">Update Profile</a> </li> </ul> <div id="userTabContent" class="tab-content"> <div class="tab-pane fade in active" id="overview"> <!-- overview content code --> <div class="tab-pane fade" id="profile-settings"> <!-- profile settings code which also have tabbed menu inside of it, but I'll assume that it will apply here too -->