Bootstrap 词缀总是“跳跃”

我想在我的侧边栏上使用 bootstrap 的 affix 插件。然而，由于我的网站是响应式的，它总是在某些维度上跳跃，我无法让它正常工作。我尝试了此处列出的解决方案：如何使用twitter的bootstrap 2.1.0中新的affix插件？ https://stackoverflow.com/questions/12070970/how-to-use-the-new-affix-plugin-in-twitters-bootstrap-2-1-0但这不仅仅是工作。

这是一个演示 http://new.hurttiajahuumoria.fi/ilmoittautuminen/

我知道如何在固定宽度的网站上执行此操作，但作为我的网站is反应灵敏 bootstrap 文档也是如此，而且它工作得很好there http://twitter.github.com/bootstrap/javascript.html#affix，如何达到同样的效果？

因为这可能永远不会起作用

.affix {
    position: fixed; 
    top: 20px; 
    right: 10%;
}

当我使用这个时，我的.affix类只有position:fixed， 没有其他的。附加元素被附加的顶部位置可以在affix()方法使用offset选项，例如

$("#nav_id").affix({
    offset: 400
});