自举列 - 位置相对和Z索引

Question

我有一个元素，它具有固定的位置到浏览器窗口的左下角。我注意到在固定位置元素上方的页脚层中的文本。

我将它追溯到Bootstrap样式，将它们设置为相对位置。如果我删除或重写该样式，分层显示为我的愿望。然而，我不知道为什么那种风格在那里。我担心意想不到的副作用。

为什么Bootstrap在其列类中使用position: relative？

我也开放其他方式来完成我所需的分层，而无需更改核心Bootstrap样式。

---

编辑

当创建一个小例子，我发现这个问题是不存在的。然后，我看着我自己的CSS的问题。我发现它的元素是z-index: 0，这个元素包含了罪魁祸首的固定位置元素。将其更改为z-index: 1解决了问题。

Answer 1

将一个类添加到要更改的元素，然后用新类覆盖Bootstrap样式。

这是很难没有一个代码示例猜测，但这样的：

<footer><p class="override-bootstrap">Some text</p></footer> 

CSS

.override-bootstrap { 
    // here reset the styles 
} 

确保为您的新类的样式表引导CSS后包括在内。