Bootstrap NavBar Doesn't Condense

Can someone tell my what I need to do to make this navbar mobile responsive please?

<div class="row">
    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">Performance Tracker</a>
        </div>
        <ul class="nav navbar-nav">
            <li><a href="perf_trkr.asp">Home</a></li>
            <li><a href="profile.asp">Profile</a></li>
            <li><a href="results_notif.asp">Results Notification</a></li>
            <li><a href="create_pack.asp">Create A Pack</a></li>
            <li><a href="my_packs.asp">My Packs</a></li>
            <li><a href="perf_lists.asp">Performance Lists</a></li>
            <li><a href="perf_graphs.asp">Graphs</a></li>
            <li><a href="http://www.my-etraxc.com/" onclick="openThis(this.href,1024,760);return false;">My-eTRaXC</a></li>
            <li><a href="login.asp">Sign Out</a></li>
        </ul>
      </div>
    </nav>
</div>

Select allOpen in new window

Thank you!