使用Twitter Bootstrap 3修复导航栏

Question

我的网站使用Twitter Bootstrap 3。我想要一个固定的导航栏，它需要在用户向下滚动的某个点之后打开。

我已经使用了Affix()，我可以让导航栏在某个特定点出现。

但挑战在于，当用户向下滚动时，导航栏出现在顶部，并且导航栏的宽度不是100%。

我希望导航栏的宽度是100%，即使在滚动页面后也是如此。

这是FIDDLE。

请在结果段中向下滚动并注意导航栏。

它消失了，然后出现在某个滚动点。但导航栏的宽度与刚开始时不同。

请帮我修理一下。

Answer 1

只需在.navigation 上使用width: 100%;

.navigation {
    background: #fff;
    position: relative;
    width: 100%;
}

演示