<div class="panel panel-default panel-with-tabs">
  <div class="panel-heading">
    <h4 class="panel-title">Panel with Tabs</h4>
    <ul class="nav nav-tabs">
      <li class="nav-item">
        <a href="#home" data-toggle="tab" class="nav-link active">
          <i class="fa fa-home"></i> 
          <span class="hidden-xs">Home</span>
        </a>
      </li>
      <li class="nav-item">
        <a href="#profile" data-toggle="tab">
          <i class="fa fa-user"></i> 
          <span class="hidden-xs">Profile</span>
        </a>
      </li>
    </ul>
  </div>
  <div class="panel-body">
    <div id="myTabContent" class="tab-content">
      <div class="tab-pane fade in active" id="home">...</div>
      <div class="tab-pane fade in" id="profile">...</div>
    </div>
  </div>
</div>