Nav Pills & Tabs - not working?

Having some difficulty implementing the Bootstrap Pills & Tabs - everything seems to be working otherwise -

<!-- Nav tabs -->
<ul class="nav nav-tabs" id="myTab">
  <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
  <li><a href="#profile" data-toggle="tab">Profile</a></li>
  <li><a href="#messages" data-toggle="tab">Messages</a></li>
  <li><a href="#settings" data-toggle="tab">Settings</a></li>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane active fade in" id="home">home</div>
  <div class="tab-pane fade" id="profile">profile</div>
  <div class="tab-pane fade" id="messages">messages</div>
  <div class="tab-pane fade" id="settings">settings</div>

just as a test, the tab loads correctly but clicking the other tabs has no result - nothing on the console.

Same for pills -

Am I missing something here?

never mind - somehow footer got garbled and truncated

<?php wp_footer(); ?>