화면 해상도가 작아도 내 navbar가 축소되지 않는 이유는 무엇입니까?

부트 스트랩 navbar가 있고 더 작은 화면에서 축소 메뉴를 가져 오려고하지만 화면이 작아지면 메뉴가 사라지고 navbar 브랜드 만 볼 수 있습니다.

코드 펜

여기 내 코드

<nav class="navbar navbar-fixed-top capilleira-navbar ng-cloak"
     role="navigation"
     ng-controller="MenuController"
     ng-show="displayLogout">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#/lines"><img src="/images/logos/logo.png" alt=""></a>
    </div>
    <div id="navbar" class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active"><a class="hover-nieve" href="#/lines">Sports <span class="sr-only">(current)</span></a></li>
        <li><a class="hover-nieve" href="javascript:void(0);">Poker</a></li>
        <li><a class="hover-nieve" href="javascript:void(0);">Casino</a></li>
        <li><a class="hover-nieve" href="javascript:void(0);">Horses</a></li>
        <li><a class="hover-nieve" href="javascript:void(0);">Info</a></li>
      </ul>
      <div class="navbar-form navbar-right">
        <div class="form-group">
          <input id="search-box" ng-change="broadcastSearchBar()"
                 type="search"
                 ng-model="search"
                 class="search-box"
                 placeholder="Search lines..."/>
          <label for="search-box">
            <span class="glyphicon glyphicon-search search-icon"
                  ng-show="!search.length"></span>
            <span class="glyphicon glyphicon-remove search-icon blue-icon"
                  ng-show="search.length"
                  ng-click="search = ''; broadcastSearchBar()"></span>
          </label>
        </div>
        <div class="form-group">
          <div class="sideborders"></div>
          <button type="button" class="btn btn-blue" title="Account Figures"
                  data-placement="bottom"
                  data-template="views/accFiguresModal.html" data-animation="fx-bounce-down"
                  ng-controller="AccountFiguresCtrl" ng-click="displayAccountFigures();"
                  bs-popover data-auto-close="true">Account Figures
          </button>
          <button type="button" class="btn btn-red" title="Are you sure?" data-placement="bottom"
                  data-template="views/logoutModal.html"
                  data-animation="fx-bounce-down" data-auto-close="1" bs-popover>Log out
                  <i class="fa fa-sign-out fa-lg"></i>
          </button>
        </div>
      </div>
    </div>
  </div><!--/.navbar-collapse -->
</nav>