爲什麼bootstrap導航欄不起作用

Question

我想讓默認的bootstrap導航欄工作，但切換似乎不起作用。我真的不知道爲什麼：

<div class="navbar navbar-inverse"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <a href="" class="navbar-brand">My Website</a> 
       <button type="button" class="navbar-toggle" datatoggle="collapse" 
       data-target=".navbar-collapse"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
      </div> 
      <div class="collapse navbar-collapse"> 
       <ul class="nav navbar-nav"> 
        <li class="active"><a href="">Page 1</a></li> 
        <li><a href="">Page 2</a></li> 
        <li><a href="">Page 3</a></li> 
       </ul> 
      </div> 
     </div> 
</div> 

fiddle

Answer 1

檢查你的代碼仔細下次:)

<button type="button" class="navbar-toggle" datatoggle="collapse" data-target=".navbar-collapse"> 

變化datatoggle到data-toggle。