Was ist Bootstrap?
Bootstrap ist ein Front-End-Framework für die schnelle Entwicklung von Webanwendungen und Websites. Bootstrap basiert auf HTML, CSS und JavaScript.
Geschichte
Bootstrap wurde von Mark Otto und Jacob Thornton von Twitter entwickelt. Bootstrap ist ein Open -Source -Produkt, das im August 2011 auf GitHub veröffentlicht wurde.
Inhalt des Bootstrap -Pakets
Grundstruktur: Bootstrap bietet eine Grundstruktur mit einem Gittersystem, einem Linkstil und einem Hintergrund. Dies wird im Abschnitt "Bootstrap" ausführlich erklärt.
CSS: Bootstrap verfügt über die folgenden Funktionen: Globale CSS -Einstellungen, Definition der grundlegenden HTML -Elementstile, erweiterbarer Klasse und eines erweiterten Gittersystems. Dies wird im Bereich Bootstrap CSS ausführlich erläutert.
Komponenten: Bootstrap enthält mehr als ein Dutzend wiederverwendbarer Komponenten zum Erstellen von Bildern, Dropdown-Menüs, Navigation, Warnboxen, Popup-Boxen und vielem mehr. Dies wird im Abschnitt Layoutkomponenten ausführlich erläutert.
JavaScript -Plugin: Bootstrap enthält mehr als ein Dutzend benutzerdefinierte JQuery -Plugins. Sie können alle Plugins direkt oder einzeln einfügen. Dies wird im Bootstrap-Plug-in-Abschnitt ausführlich erläutert.
Anpassung: Sie können Bootstrap-Komponenten, weniger Variablen und JQuery-Plug-Ins anpassen, um eine eigene Version zu erhalten.
In Projekten sehen wir häufig die Wahl der Provinz-, Gemeinde- und Landkreis. Tatsächlich gibt es viele Möglichkeiten, sie umzusetzen. Der folgende Editor wird Ihnen die Unterstützung von Bootstrap Cascade Pulldown in der intelligenten Form von Bootstrap vorstellen. Die spezifische Einführung lautet wie folgt:
1. Bei der Auswahl der ersten Ebene können Sie die entsprechende Datenquelle der ersten Ebene aus dem lokalen Objekt laden oder verwenden, um sie in die Liste und die zweite Ebene usw. anzuzeigen
2. Es wird auch alle Elemente in ausgewählte Elemente geladen und dann Elemente angezeigt oder versteckt, die nicht mit der vorherigen Stufe durch Assoziation zusammenhängen.
Ich bin der Meinung, dass der zweite Typ einfacher ist, daher habe ich die zweite Methode verwendet, um ihn zu erreichen, und der Rest ist kein Unsinn.
Der Code ist wie folgt (Seitenadresse: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form3-eee-cascade.html):
Screenshot des lokalen Rennens:
Das obige ist die vollständige Beschreibung der Unterstützung der Bootstrap Smart Form Practical Series (11) Kaskadierung, die der Editor Ihnen vorgestellt hat. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!