So fügen Sie im Bootstrap eine Schaltfläche zum Schließen hinzu

So fügen Sie die Bootstrap-Schaltfläche hinzu: Öffnen Sie zuerst die entsprechende Codedatei und fügen Sie dann die Schließklasse zur Schaltfläche hinzu.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Bootstrap3-Version, Dell G3-Computer.

Empfohlene verwandte Tutorials: „Bootstrap-Tutorial“

Schaltfläche „Schließen“

Fügen Sie die .close-Klasse zum - oder -Element hinzu, und es wird ein Symbol für „Schließen“ angezeigt . Klicken Sie auf das Symbol, um das modale Feld und das Warnfeld auszublenden. Zum Beispiel:

<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<a class="close"><span aria-hidden="true">&times;</span></a>

Der Effekt ist in Abbildung 2-82 dargestellt:

Zugehörige Einführung:

Bootstrap ist ein kostenloses Front-End-Framework, das auf HTML, JavaScript und CSS basiert wird hauptsächlich zur Reaktion verwendet. Die Entstehung von Bootstrap dient hauptsächlich dazu, die Arbeit von Web-Workern in Bezug auf die Struktur und das Layout herkömmlicher Websites zu vereinfachen, was auch dynamische Anpassungen in JavaScript umfasst.

Mit dem Bootstrap-Framework kann eine responsive Website erstellt werden, die auf Geräten mit unterschiedlichen Auflösungen wie PCs und Mobiltelefonen verwendet werden kann. Über den Anzeigeeffekt müssen wir uns je nach Gerät keine Gedanken machen. Derzeit unterstützen alle Browser Bootstrap. Wenn wir also eine Website erstellen, sollten wir keine Probleme mit der Browserkompatibilität berücksichtigen.

Das obige ist der detaillierte Inhalt vonSo fügen Sie im Bootstrap eine Schaltfläche zum Schließen hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!