title: Twitter Bootstrap affix events not firing
body: <p>I'm trying to affix a toolbar when the user scrolls passed it. The affix portion works fine however I want to adjust the padding on my main container when the affix class actually get applied. <a href="http://getbootstrap.com/javascript/#affix-usage">http://getbootstrap.com/javascript/#affix-usage</a> Has some events listed However; I can't get any of them to fire. The JSfiddle doesn't look right I'm guessing cuz of the size. But essentially none of those events get fired when the affix is applied to the #nav. </p>
  
  <pre><code>$('#nav').on('affix.bs.affix', function () {
       alert('Fired!');
  });
  </code></pre>
  
  <p>You can see more of my code here.. Its essentially just the navbar given in the BS example.</p>
  
  <p><a href="http://jsfiddle.net/dTR4A/1/">http://jsfiddle.net/dTR4A/1/</a></p>