title: How to use the new affix plugin in twitter's bootstrap 2.1.0?
body: <p>The bootstrap documentation on that topic is a little confusing to me. I want to achieve similar behaviour like in the docs with the affix navbar: The navbar is below a paragraph / page heading, and upon scrolling down it should first scroll along until reaching the top of the page, and then stick there fixed for further scrolldowns.</p>
  
  <p>As jsFiddle does not work with the navbar concept, I've set up a separate page for usage as a minimal example: <a href="http://i08fs1.ira.uka.de/~s_drr/navbar.html">http://i08fs1.ira.uka.de/~s_drr/navbar.html</a></p>
  
  <p>I use this as my navbar:</p>
  
  <pre><code>&lt;div class="navbar affix-top" data-spy="affix" data-offset-top="50"&gt;
      &lt;div class="navbar-inner"&gt;
          &lt;div class="container"&gt;
              &lt;div class="span12"&gt;
                  &lt;a class="brand" href="#"&gt;My Brand&lt;/a&gt; 
                  This is my navbar.
               &lt;/div&gt;
          &lt;/div&gt; &lt;!-- container --&gt;
      &lt;/div&gt; &lt;!-- navbar-inner --&gt;
  &lt;/div&gt; &lt;!-- navbar --&gt;
  </code></pre>
  
  <p>I thinkg i would want <code>data-offset-top</code> to be of value 0 (since the bar should "stick" to the very top" but with 50 there is at least some effect watchable.</p>
  
  <p>If also put the javascript code in place:</p>
  
  <pre><code>     &lt;script&gt;
          $(document).ready (function (){
              $(".navbar").affix ();
          });
       &lt;/script&gt;
  </code></pre>
  
  <p>Any help appreciated.</p>