引导位置固定不能与一列工作

我开始使用自举网格系统我实际上做了行和列我的新布局第一行是我的标题列我嵌入列标题部分我做了一个类的CSS和我把位置：固定的东西。然后我将该类添加到列中。该类包含红色背景等它的作品，但位置：固定不工作，当我试图向下滚动它的只是呆在那里。位置是：固定;在chrome中概述：/为什么？引导位置固定不能与一列工作

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

来源

2017-07-06 cool ice

[欢迎使用StackOverflow]（https://stackoverflow.com/tour）。请阅读我们的[问]页面提示如何改善您的问题。好的问题往往会从社区中产生更快，更好的答案。 – ochi

你的'position：fixed'在你的元素检查器中被划掉。这意味着它正在被更具体的声明或'重要的'声明所覆盖。你能否仔细检查是否有任何针对相关元素的声明，并在**最小，完整和可验证的示例**中发布**所有**相关代码（http://stackoverflow.com/帮助/ MCVE）。有关详细信息，请参阅有关[**如何提出良好问题**]（http://stackoverflow.com/help/how-to-ask）的帮助文章，并参加该网站的[**游览**]（http://stackoverflow.com/tour)) –

其实它的目标是在bootstrap.css中的位置：relative;我在谷歌工具栏中删除它，现在它没有交叉线，它的工作原理。但是...我不能在文件中删除它，因为bootstrap.css链接的不是文件形式 –

由于位置：固定已经引导的默认位置overrided。 col-xx-xx有一个位置：相对规则。

您不需要将类“headerUpper”添加到引导列。你应该把它添加到它的父母元素。就像下面的代码：

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

您也可以使用固定的元素引导的词缀功能 - http://getbootstrap.com/javascript/#affix。

来源

2017-07-06 23:33:38

你能写出我必须做的确切的事情吗？：/我明白你说的那个位置：亲戚;由col覆盖。但你可以写它，我怎么解决它？ –

请参阅我的新评论 –

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

它解决了一切。

来源

2017-07-06 23:44:43

引导位置固定不能与一列工作

回答

相关问题