如何将CSS应用于bootstrap词缀导航栏

Question

当我的导航栏变为＆＃34;贴上＆＃34;使用bootstrap，我也想应用自定义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);

感谢您的帮助=]

Answer 1

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

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

http://bootply.com/ggyKI6JbUB