【问题标题】:Fixed Navigation Bar using Twitter Bootstrap 3使用 Twitter Bootstrap 3 修复了导航栏
【发布时间】:2013-11-23 08:07:34
【问题描述】:

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

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

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

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

这是FIDDLE

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

它消失,然后出现在某个滚动点。但是导航栏的宽度和刚开始的时候不一样了。

请帮我修复它。

【问题讨论】:

    标签: jquery html css twitter-bootstrap


    【解决方案1】:

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

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

    Demo

    【讨论】:

    • 你刚刚添加了 100% 的宽度?
    • 但是为什么我尝试时它不起作用?我整天都在做。
    • @user2549787 我真的很讨厌 bootstrap,所以我不太了解它.. 但是如果你尝试这个但它仍然不起作用,那么上帝就会知道发生了什么呵呵:)
    • :) 无论如何,我现在可以正常工作了。你能告诉我如何在那里添加过渡吗?就像使用ease-in 或任何效果让它看起来很流畅。
    • @user2549787 等一下我试试:)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-18
    • 2013-09-27
    • 2012-05-09
    • 2014-01-05
    • 1970-01-01
    • 2014-06-21
    相关资源
    最近更新 更多