map tabs

<ul class="nav nav-tabs" role="tablist" id="myTab">
  <li class="active"><a href="#usa" role="tab" data-toggle="tab">United States</a></li>
  <li><a href="#international" role="tab" data-toggle="tab" id="international-tab">International</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
    
  <!-- USA tab -->
  <div class="tab-pane active" id="usa">
    <div class="row">
      <div class="col-md-6">
        <div id="map-usa" class="map rounded"></div>
      </div>
      <!-- some extra content in the USA tab -->
    </div> <!-- row -->
  </div> <!--usa tab -->

  <!-- International tab -->
  <div class="tab-pane" id="international">
    <div class="row">
      <div class="col-md-8">
        <div id="map-international" class="map rounded"></div>
      </div>
      <!-- some extra content in the International tab -->
    </div> <!-- row -->
  </div> <!-- International tab -->
  
</div> <!-- tab content -->