twitter-bootstrap - Bootstrap 词缀仅在 Firefox 上奇怪地调整大小

Question

当用户向下滚动页面时，我正在尝试将菜单附加到网站顶部（http://www.vaccinateyourdoctors.org/ ）。

以 Bootstrap Docs 为例，我正在调用：

!function($) {
    $(function() {
        $('.navbar').affix({
            offset: $('.navbar').position() });
    });

这在 Chrome/Safari 中完美运行，但仅在 Firefox 中，响应式控件似乎开始起作用，并将导航栏的大小调整为更窄。

知道我哪里出错了吗？

[除其他外，我尝试了 Bootstrap 2.3.0-wip git 分支，但这似乎并不能解决这个问题。]

Answer 1

经过大量的戳，在贴上导航栏时，Bootstrap 似乎表现不佳。这是因为“位置：固定；” “词缀”插件应用的属性有效地隐藏了导航栏的继承属性。

我以一种丑陋的方式解决了这个问题，通过动态和强制调整窗口大小，通过：

$(window).bind("resize", function(){ $('#target').css("width",$('#target').width()); })
$(window).bind("scroll", function(){ $('#target').css("width",$('#target').width()); })

编辑：将此标记为已回答。我可能会在 bootstrap 2.3.0 发布时跟进。