title: Using the twitter bootstrap scroll spy
body: <p>I've been trying and trying to get the scroll spy to work on my bootstrap site, but I'm unable to get it to work. The problem I'm having is, scrolling has no effect, wherever I scroll to. You can see what I'm doing <a href="http://www.virika.netii.net" rel="nofollow">here</a>.</p>
  
  <p>I've performed all the steps required i.e. below is the body tag</p>
  
  <pre><code>  &lt;body data-spy="scroll" data-target="#top-fixed-nav"&gt;
  </code></pre>
  
  <p>and nav is also there:</p>
  
  <pre><code>            &lt;ul class="nav" id="top-fixed-nav"&gt;
                &lt;li&gt;
                  &lt;a href="#home"&gt;Home&lt;/a&gt;
                &lt;/li&gt;
                &lt;li class=""&gt;
                  &lt;a href="#about"&gt;About&lt;/a&gt;
                &lt;/li&gt;
                &lt;li class=""&gt;
                  &lt;a href="#howto"&gt;How to Use?&lt;/a&gt;
                &lt;/li&gt;
                &lt;li class=""&gt;
                  &lt;a href="#contact"&gt;Contact&lt;/a&gt;
                &lt;/li&gt;
              &lt;/ul&gt;
  </code></pre>
  
  <p>Have called the scrollspy as well.</p>
  
  <pre><code>$('#top-fixed-nav').scrollspy();
  </code></pre>
  
  <p>Can anyone please have a look and please point out what I'm overlooking or doing wrong here.</p>