如何将css应用于引导词缀导航栏答案

【问题标题】：How to apply css to bootstrap affix navbar如何将css应用于引导词缀导航栏
【发布时间】：2014-05-14 13:17:19
【问题描述】：

当我的导航栏使用引导程序“固定”时，我也想应用自定义 CSS，但我不确定如何检测该事件。 Bootstrap 的词缀没有这个参数。

我的haml代码目前是

windowReady = ->
    $('nav').height($('.affixable').height());
    $('.affixable').affix({
        offset: { top: $('.affixable').offset().top };      
    });

    # This is should activate when the navbar becomes affixed at the specified scroll offset.
    $('.affix').css({"box-shadow":"0 4px 2px -2px #888"});    

$(window).load(windowReady);
$(window).on('page:load', windowReady);

感谢您的帮助 =]

【问题讨论】：

标签： javascript twitter-bootstrap navbar affix

【解决方案1】：

当词缀生效时，它会将 .affix 类应用于元素，因此您可以像这样将自定义 CSS 设置为 .affix..

.affix {
    box-shadow:0 4px 2px -2px #888;
}

http://bootply.com/ggyKI6JbUB

【讨论】：

我应该想到的。谢谢。