为什么这个导航栏没有重新缩放？

Question

我希望我的导航栏能够移动友好，但它目前还没有自动重新缩放，尽管我使用的是navbar-collapse。

<div class="navbar navbar-inverse navbar-fixed-top navbar-collapse collapse">      
   <!-- Top Bar -->
   <div class="navbar-inner">
      <a class="brand" href="#"></a>
      <ul class="nav navbar-left">
         <li><a href="">Return Home</a></li>
      </ul>
      <ul class="nav pull-right">
         <li><p class="navbar-text navbar-right" style="color:#ffffff">{{viewer_name}}</p></li>
      </ul>
   </div>
</div>
</div>

如何使用屏幕尺寸自动重新缩放导航栏？