Heim >Web-Frontend >Bootstrap-Tutorial >Eine kurze Diskussion über die Schließklasse in Bootstrap – die Schaltfläche „Schließen'.

Eine kurze Diskussion über die Schließklasse in Bootstrap – die Schaltfläche „Schließen'.

青灯夜游
青灯夜游nach vorne
2021-02-07 18:18:322588Durchsuche

In diesem Artikel wird Ihnen der Schließen-Button-Stil in Bootstrap vorgestellt. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Eine kurze Diskussion über die Schließklasse in Bootstrap – die Schaltfläche „Schließen'.

Verwandte Empfehlungen: „Bootstrap-Tutorial

Schaltfläche „Schließen“

Fügen Sie zum Element <code><button></button> oder <a></a> hinzu Wenn Sie die Klasse schließen, erhalten Sie ein Symbol, das den Abschluss symbolisiert. Klicken Sie auf das Symbol, um das modale Feld und das Warnfeld auszublenden. Zum Beispiel: <button></button><a></a> 元素添加 .close 类,就会为它赋予一个象征关闭的图标,点击图标,就可以让模态框和警告框消失。如:

  1. <button><span>×</span></button>
  2. <a><span>×</span></a>
    1. <button type="button" class="close" aria-label="Close"><span aria-hidden="true">×&lt ; /span></span></button>
    2. <a class="close"><span aria-hidden="true">×</span>&lt ; /a></a>

    Der Effekt ist in Abbildung 2-82 dargestellt:

    Eine kurze Diskussion über die Schließklasse in Bootstrap – die Schaltfläche „Schließen.

    Abbildung 2-82 Schaltfläche „Schließen“

    Für weitere Programmierkenntnisse besuchen Sie bitte: Programmiervideo

    ! ! 🎜

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über die Schließklasse in Bootstrap – die Schaltfläche „Schließen'.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel:Bootstrap-Grid-NutzungNächster Artikel:Bootstrap-Grid-Nutzung