twitter-bootstrap - Bootstrap 。如何添加多个add词缀属性？

Question

我像这样使用 Bootstrap Affix :

<div data-spy="affix" data-offset-top="220">

我添加这个 css 来修复词缀被触发时的位置:

.affix {
        position: fixed; 
        top: 20px; 
        z-index:1;
        margin-left: auto ; 
        margin-right: auto ;
    }

是否可以在多个 Dom 元素上使用 Affix 并影响不同的 css，像这样:

<div data-spy="affix2" data-offset-top="220">
.affix2 {
            position: fixed; 
            top: 50px; 
            z-index:1;
        }

Answer 1

您可以为 2 个 div 制作说明符..

HTML

<div id="affix1" data-spy="affix" data-offset-top="220">..</div>
<div id="affix2" data-spy="affix" data-offset-top="220">..</div>

CSS

#affix1.affix {
    position: fixed; 
    top: 50px; 
    z-index:1;
}

#affix2.affix {
    position: fixed; 
    top: 200px; 
    z-index:1;
}

这是一个演示:http://bootply.com/63178