Bootstrap。如何添加多個添加詞綴屬性？

Question

我使用的引導詞綴這樣的：

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

而且我加入這個CSS的固定位置詞綴被觸發時：

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

是否有可能使用詞綴幾個DOM元素並影響不同的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