Bootstrap Affix衝突的CSS

Question

我想將以下代碼添加到頁面頂部，在導航下方，以便始終可見。

<div class="col-lg-5 nopadd affix"> 
    <h3>Project One</h3> 
    <p>Lorem ipsum dolor ...</p> 
</div> 

然而，當我添加了引導.affix它使忽略已經應用了col-lg-5類。

這是我到目前爲止的代碼。

http://jsfiddle.net/P9d5k/2/

http://jsfiddle.net/P9d5k/2/embedded/result/

Answer 1

試試這個fiddle

我只需添加一個100％的寬度DIV與詞綴類和內

<div class="affix" style="width:100%;z-index:2"> 
    <div class="container"> 
     <div class="col-lg-5"> 
      <h3>Project One</h3> 

      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim.</p> 
     </div> 
    </div> 
</div> 

與電網.container內