Das modale Feld von Bootstrap wird dem übergeordneten Formular überlagert und ist ein untergeordnetes Formular. Der Zweck des modalen Felds besteht darin, Inhalte aus einer separaten Quelle anzuzeigen und eine gewisse Interaktion zu ermöglichen, ohne das übergeordnete Formular zu verlassen. Sie können eine kleine modale Box erstellen, indem Sie die Klasse „.modal-sm“ hinzufügen, und eine große modale Box erstellen, indem Sie die Klasse „.modal-lg“ hinzufügen.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, Bootstrap-Version 5, DELL G3-Computer
Die modale Box (Modal) wird dem übergeordneten Element überlagert Formular-Unterformular.Normalerweise besteht der Zweck darin, Inhalte aus einer separaten Quelle anzuzeigen, die eine gewisse Interaktion ermöglichen, ohne das übergeordnete Formular zu verlassen. Unterformulare können Informationsinteraktion usw. bereitstellen.
So erstellen Sie eine modale Box
Das folgende Beispiel erstellt einen einfachen modalen Boxeffekt:
Bootstrap 实例 模态框实例
Ausgabeergebnis:
Modalboxgröße
Wir können .modal-sm hinzufügen, indem wir hinzufügen. modal-sm-Klasse zum Erstellen einer kleinen modalen Box und die .modal-lg-Klasse zum Erstellen einer großen modalen Box.
Die Größenklasse wird nach der .modal-dialog-Klasse des
Bootstrap 实例 模态框实例
Ausgabeergebnis:
Verwandte Empfehlungen:Bootstrap-Tutorial
Das obige ist der detaillierte Inhalt vonWo ist die modale Bootstrap-Box?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
