如何將CSS應用於引導詞綴導航欄

Question

使用引導程序將導航欄“固定”后，我也想應用自定義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 ，它將.affix類應用於該元素，因此您可以像這樣將自定義CSS設置為.affix 。

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

http://bootply.com/ggyKI6JbUB