css - Bootstrap scrollspy link active 適用されない

Question

フィドル: http://jsfiddle.net/bVLBL/

クラス「アクティブ」が適切なリンクに適用されていません。これを修正する方法はありますか？

HTML:

<div data-spy="scroll" data-target="#navbar">
    <div id="navbar" data-spy="affix" class="sticky-nav">
        <ul class="nav inline">
            <li><a href="#introduction">Introduction</a></li>
            <li><a href="#products">Products</a></li>
            <li><a href="#company">Company</a></li>
        </ul>
    </div>
    <div class="sections"> 
        <section id="introduction" name="introduction">Test1</section>
        <section id="products" name="products">Test2</section>
        <section id="company" name="company">Test3</section>
    </div>
</diV>