Bootstrap中的词缀元素

Question

今天我通过Bootstrap学习了词缀和它的用法。我在Bootstrap网站和堆栈溢出上阅读了所有相关内容，并最终检查How to use the new affix plugin in twitter's bootstrap 2.1.0?（参见jsfiddle链接）作为一个很好的例子。

但是，我认为我做的事情根本就是错误的。我在我的index.php中添加了正确的javascript。我将CSS添加到我的样式表中，然后将导航栏示例从jsfiddle复制粘贴到我的index.php中。什么都行不通。

HTML：

<div class="container">
    <div class="row">
        <!-- micro hero unit-->
        <div class="span12">
            <div class="well">
                 <h1> Some page title </h1> 
                <p>This is a website.</p>
                <p> <a class="btn btn-primary" href="#">Tell me more</a> 
                </p>
            </div>
        </div>
    </div>
</div>

JavaScript的：

$(function () {
    $('#nav-wrapper').height($("#nav").height());
    $('#nav').affix({
        offset: {
            top: $('#nav').offset().top
        }
    });
});

有人可以告诉我我做错了吗？