固定的bootstrap位置不适用于一列

Question

我开始用引导网格系统制作我的新布局我实际上制作了行和列第一行是我的标题我将列嵌入标题部分 我在css上做了一个课程，我把这个职位：固定的东西放进去了。然后我将该类添加到列中。该类包含红色背景等工作，但位置：固定不起作用，当我尝试向下滚动它只是停留在那里。位置是：固定;在chrome中列出：/为什么？

http://kephost.com/images/2017/07/07/riiiii.jpg

Answer 1

因为position：fixed已被bootstrap的默认位置所覆盖。 col-xx-xx有一个位置：相对规则。

您无需添加班级＆＃34; headerUpper＆＃34;到bootstrap列。你应该把它添加到它的父元素。如下面的代码：

<div class="headerUpper">
    <div class="row">
        <div class="col-sm-12">
        ...
        </div>
    </div>
</div>

你也可以使用bootstrap的附加功能来固定元素 - http://getbootstrap.com/javascript/#affix。

Answer 2

<div style="position:fixed" 
      class="headerUpper col-md-12 col-sm-12 col-xs-12 bg-white"
>

它解决了一切。