title: Bootstrap Navbar - Spyscroll Not Working and Other Issues
body: <p>I saw a couple of other questions regarding the spyscroll issue, but they didn't quite apply to my situation. I am trying to apply a simple spyscroll function to the main page of my site and applying it to the nav bar but it doesn't seem to be working.</p>
  
  <p>In addition, I would also like to add a basic scrolling function to these same links..does Bootstrap have a scrolling function? I don't see one listed. What would be the best way to do this?</p>
  
  <p>The site is located at debbierking.com/bootstrap.</p>
  
  <p>Please note that I am new to Bootstrap and my jquery knowledge is minimal...</p>
  
  <p>Relevant markup:</p>
  
  <pre><code>&lt;body data-spy="scroll" data-target=".navbar"&gt;
  
    &lt;div class="navbar navbar-fixed-top"&gt;
      &lt;div class="navbar-inner"&gt;
        &lt;div class="container"&gt;
  
          &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;/a&gt;
          &lt;div class="nav-collapse"&gt;       
            &lt;ul class="nav pull-right"&gt;
              &lt;li class="active"&gt;&lt;a href="#work"&gt;Work&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#about"&gt;About&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;   
            &lt;/ul&gt;
          &lt;/div&gt;&lt;!-- /.nav-collapse --&gt;
  
        &lt;/div&gt;&lt;!-- /.container --&gt;
      &lt;/div&gt;&lt;!-- /.navbar-inner --&gt;
    &lt;/div&gt;&lt;!-- /.navbar --&gt;
  
  
    &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt;
    &lt;script&gt;
      $(document).ready(function() {
        $('.navbar').scrollspy()
      });
    &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>