css - Bootstrap Affix 冲突的 CSS

Question

我想将以下代码附加到页面顶部，导航下方，以便它始终可见。

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

但是，当我添加 Bootstrap .affix 时，它会忽略已应用的 col-lg-5 类。

这是我目前的代码。

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

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

Answer 1

试试这个 fiddle

我只是添加了一个 100% 宽度的 div 和词缀类，并在 .container 中添加了你的网格

<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>