Das Bootstrap ( Dokumente ) sagt: "Versuchen Sie immer, den HTML-Code eines Modales an einer Position auf oberster Ebene zu platzieren Dokument, um zu vermeiden, dass andere Komponenten das Aussehen und / oder die Funktionalität des Modals beeinflussen. "
Bedeutet dies, dass Modalitäten ganz oben in meinen <body> Tags platziert werden? Wenn ja, warum?
Eine ' Position auf oberster Ebene ' bedeutet nicht unbedingt zuerst, sondern bedeutet, dass sie sich in der Nähe der Spitze des DOM-Baums befinden muss.
Beispiele:
%Vor% Dies ist nicht an der Spitze des DOM, weil div#modal innerhalb div#content ist. Also haben wir diesen DOM-Baum:
Ein anderes Beispiel:
%Vor% Obwohl sich div#modal nicht am Anfang der Seite befindet, befindet es sich ganz oben in der DOM-Struktur:
Es ist vor allem um Konflikte zu vermeiden. Wenn Sie Modale unterhalb der Elemente platzieren, die sie auslösen, haben Sie vielleicht bemerkt, dass die Schließen-Schaltfläche manchmal nicht richtig funktioniert. Um diese Konflikte zu vermeiden, wurde empfohlen, es oben auf HTML DOM tree zu platzieren, wie MTCoster in seiner Antwort erwähnt hat.
Tags und Links html5 twitter-bootstrap twitter-bootstrap-3