title: How do I animate text in bootstrap header like so
body: <p>On this demo bootstrap template:</p>
  
  <p><a href="http://ironsummitmedia.github.io/startbootstrap-creative/" rel="nofollow">http://ironsummitmedia.github.io/startbootstrap-creative/</a></p>
  
  <p>When you scroll down the title text 'Start Bootstrap' shrinks and changes colour. </p>
  
  <p>How is this done? I've tried to work it out in the code - I know it's using Bootstrap's affix and I can get it to that the text resizes - I just don't know how the animated transition between font sizes works.</p>