SO responsive nav bar

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<script src=" http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="/">
          	<img alt="Freshneck" src="http://stage.freshneck.com/design/images/logo.png">
          </a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li><a href="/site/page/view/how-it-works">How it works</a></li>
              <li><a href="/product">The Collection</a></li>
              <li><a href="http://blog.freshneck.com">Blog</a></li>
							<li><a href="/feedback/index">Contact Us</a></li>
							<li><a href="/profile/view">My Profile</a></li>
							<li><a href="/closet/index">My Closet</a></li>
							<li><a href="/gift/step1">Gift It</a></li>
							<li><a href="/site/page/view/referral">Refer</a></li>
							<li><a href="/signup/step1">Sign Up Now</a></li>
							<li><a href="#" class="link sign-in-button">Log In</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container">

      <h1>Hello, world!</h1>

    </div> <!-- /container -->