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之后包含新类的样式表。