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，并在你的网格里面添加一个.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>

Bootstrap Affix冲突的CSS

1 个答案: