title: Twitter Bootstrap Affix: Can't pin
body: <p>I am using the most recent version of Twitter Bootstrap and trying to implement Affix on a div on my site:</p>
  
  <pre><code>&lt;div id="sectiontwo" class="affix-top" data-spy="affix" data-offset-top="1000"&gt;
  &lt;div class="row sectiontwo"&gt;
  &lt;div class="span4"&gt;
  &lt;hr&gt;
  &lt;h4&gt;Join Headline/h4&gt;
  &lt;hr&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;&lt;!--#sectiontwo--&gt;
  </code></pre>
  
  <p>But I'm receiving odd behavior:</p>
  
  <ul>
  <li><p><strong>In Chrome:</strong><br>
  I cannot "pin" it. Instead, it scrolls through the page as I scroll.</p></li>
  <li><p><strong>In Firefox:</strong><br>
  I also can't "pin" it but as it scrolls, it jumps and fixes itself to the bottom.</p></li>
  </ul>
  
  <p>What I want it to do is to pin itself to the top of the window once the affix section is triggered. From my understanding, that's how it works on the Twitter Bootstrap docs site.</p>