ブートストラップカラム - 相対位置とZインデックスの位置

Question

私はブラウザウィンドウの左下隅に固定された位置を持つ要素を持っています。私は、固定位置要素の上にフッターレイヤのテキストがあることに気づいた。

これを相対位置に設定する列のBootstrapスタイルに戻しました。そのスタイルを削除または上書きすると、レイヤリングが私の望むように表示されます。しかし、私は、そのスタイルがそこにある理由は知りません。私は意図しない副作用に懸念しています。

なぜブートストラップは列クラスにposition: relativeを使用しますか？

コアブートストラップスタイルを変更せずに、目的のレイヤーを達成するための他の方法もあります。

---

EDIT

最小限の例を作成するときに、私は、問題が存在していなかったことがわかりました。私はその後、自分自身のCSSを見て問題を探しました。私はそれが犯人であった固定位置要素を含む要素上にz-index: 0であることを発見しました。 z-index: 1に変更すると問題が解決しました。

Answer 1

変更する要素にクラスを追加し、新しいクラスでブートストラップスタイルを上書きします。

コード例なしに推測することは困難であるが、何かのように：

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

CSS

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

は、新しいクラス用のスタイルシートは、ブートストラップCSSの後に含まれていることを確認します。