Twitter的引導 - 在崩潰，導航欄選項不變成一個按鈕，顯示的選項

Question

我有這個標記：

<div class='navbar'> 
      <div class='navbar-inner'> 
       <div class='container'> 
       <a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'> 
        <span class='icon-bar'></span> 
        <span class='icon-bar'></span> 
        <span class='icon-bar'></span> 
       </a> 
       <div class='nav-collapse'> 
        <ul class='nav'> 
        <li class='active'> 
         <a href='#'>Home</a> 
         <a href='#'>Option 2</a> 
         <a href='#'>Option 3</a> 
        </li> 
        </ul> 
      </div> 
      </div> 
     </div> 
     </div> 

它使得確定，當屏幕是滿的，但是當我崩潰屏幕，它不會顯示展開以顯示選項的按鈕。有沒有我不正確的做法？任何想法爲什麼在屏幕崩潰後沒有顯示按鈕？

謝謝！

Answer 1

您需要包含bootstrap-responsive.css樣式表才能使響應功能正常工作。

http://getbootstrap.com/2.3.2/scaffolding.html#responsive

Answer 2

您需要包含collapse插件js文件。像這樣：http://twitter.github.com/bootstrap/javascript.html

Answer 3

正如安德烈說，你需要確保你有bootstrap-responsive.cs。您還需要確保您加載bootstrap.js文件，以便單擊摺疊按鈕顯示菜單列表。

另外，你應該包裝的各個環節在自己<li>標籤，就像這樣：

<ul class='nav'> 
    <li class='active'><a href='#'>Home</a></li>  
    <li><a href='#'>Option 2</a></li> 
    <li><a href='#'>Option 3</a></li> 
</ul> 

否則，你會得到一個奇怪的看菜單。