Bootstrap Scrollspy не работает

Question

Почему моя scrollspy не работает?

http://jsfiddle.net/NnREW/

<div id="nav"> 
    <ul id="menu"> 
     <li><a href="#test">test</a></li> 
     <li><a href="#test2">test2</a></li> 
    </ul> 
</div> 

Answer 1

Вы должны дать свой CSS для элемента HTML с помощью класса не ид. Это упростит вашу вещь. Я думаю, что ваш css включает в себя больше, чем нужно. В дополнение к этому вы должны добавить bootstrap.min.js и bootstrap-combination.min.css.

<div class="container"> 
    <div class="row"> 
     <div id="nav" class="span3"> 
      <ul class="nav nav-list affix"> 
       <li><a href="#test">test</a> 

       </li> 
       <li><a href="#test2">test2</a> 

       </li> 
      </ul> 
     </div> 
     <div class="span9 content"> 
      <div id="test">My first div</div> 
      <div id="test2">My second div</div> 
     </div> 
    </div> 
</div> 

CSS

.content div { 
    background-color: #f5f5f5; 
    height: 600px; 
} 

DEMO