Bootstrap-Spalte - Position relativ und Z-Index

Question

Ich habe ein Element, das eine feste Position in der unteren linken Ecke des Browser-Fensters hat. Mir ist aufgefallen, dass der Text in Fußzeilen über dem Fixpositionselement liegt.

Ich führte dies zurück zum Bootstrap-Stil für Spalten, der sie auf eine relative Position setzt. Wenn ich diesen Stil entferne oder überschreibe, erscheint die Überlagerung wie gewünscht. Ich weiß jedoch nicht, warum dieser Stil da ist. Ich bin besorgt über unbeabsichtigte Nebenwirkungen.

Warum verwendet Bootstrap position: relative in seiner Spaltenklasse?

Ich bin auch offen für andere Möglichkeiten, um meine gewünschten Ebenen zu erreichen, ohne Kern-Bootstrap-Stile zu ändern.

---

EDIT

Wenn ein minimales Beispiel erstellen, fand ich, dass das Problem nicht vorhanden war. Ich habe dann auf mein eigenes CSS für das Problem geschaut. Ich fand, dass es z-index: 0 auf dem Element war, das das feste Positionselement enthielt, das der Täter war. Ändern Sie es zu z-index: 1 das Problem behoben.

Answer 1

Fügen Sie dem Element, das Sie ändern möchten, eine Klasse hinzu und überschreiben Sie dann die Bootstrap-Stile mit der neuen Klasse.

Es ist schwierig, ohne ein Codebeispiel zu erraten, aber so etwas wie:

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

CSS

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

Vergewissern Sie sich, dass das Stylesheet für die neue Klasse wird nach dem Bootstrap CSS enthalten.