Bootstrap 3 - Tabs

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.1/css/jquery.dataTables.css">
<script src="http://cdn.datatables.net/1.10.1/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://cdn.datatables.net/responsive/1.0.0/css/dataTables.responsive.css">
<script src="http://cdn.datatables.net/responsive/1.0.0/js/dataTables.responsive.js"></script>
<div class="container">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li class="active"> <a href="#home" role="tab" data-toggle="tab">
              <icon class="fa fa-home"></icon> Home
          </a>
        </li>
        <li><a href="#profile" role="tab" data-toggle="tab">
          <i class="fa fa-user"></i> Table
          </a>
        </li>
        <li class="active"> <a href="#home" role="tab" data-toggle="tab">
              <icon class="fa fa-home"></icon> Home
          </a>
        </li>
        <li><a href="#profile" role="tab" data-toggle="tab">
          <i class="fa fa-user"></i> Table
          </a>
        </li>
        <li class="active"> <a href="#home" role="tab" data-toggle="tab">
              <icon class="fa fa-home"></icon> Home
          </a>
        </li>
        <li><a href="#profile" role="tab" data-toggle="tab">
          <i class="fa fa-user"></i> Table
          </a>
        </li>        
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
        <div class="tab-pane fade active in" id="home">
             <h2>Home Content Goes Here</h2>

        </div>
       ...

JavaScript

$(document).ready(function () {
    $('#example').DataTable({
        responsive: true
    });
    $('#exampleInTab').DataTable({
        responsive: true
    });
});

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    $($.fn.dataTable.tables(true)).DataTable()
        .columns.adjust()
        .responsive.recalc();
});