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.
Das obige sind alle für den folgenden Text. Hier finden Sie die Kenntnis der Blockformkonfiguration wie folgt:
Ich glaube, mein Freund muss auf eine Situation gestoßen sein, in der eine Bearbeitungsseite viele Blöcke hat. Das Smart Form Plug-In hat diese Situation für Sie unterstützt.
Der Code lautet wie folgt (Linkadresse: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form2---Group-layout.html):
<! DocType html> <html Lang = "en"> <head> <meta charset = "utf-8"> <title> Gruppenform </title> <link rel = "Stylesheet" href = "../ CSS/bootstrap.css"> <! src = "../ lib/jquery.js"> </script> <script src = "../ lib/bootstrap.js"> </script> <!-Tools Methoden-> <script src = "../ scripts/global.js"> </script> <! src="../scripts/plugin.js"></script></head><body><div><div><label>Group form</label></div><div><form action="#" id="formContainer"></form></div><div><label>Introduction</label></div><div><label>Introduction</label></div><div><h3>The only difference is dass das Gruppierungskonfigurationselement die Form von 'Gruppe: Konfigurationselement' </h3> </div> </div> <skript> $ (function () {// Beachten Informationen ': [[{ele: {type:' text ', name:' username ', title:' userername: ', forder: true}}, {ele: {type:' radio ', name:' sex ', title:' gender: ', items: [{text:' männlich ', Wert: 1}, {text:' weiblich: ], [{ele: {Typ: 'Kontrollkästchen', Name: 'Plant', Titel: 'Verwenden Plattform: ', items: [{text:' App ', value:' App '}, {text:' web ', value:' web '}]}}, {ele: {type:' select ', name:' provi nce ', title:' province: ', withnull: true, items: [{text:' guangdong ', value:' gd '}, {text:' hunan ', value:' hn '}]}}} ]], 'Andere Informationen': [{ele: {type: 'text', name: 'displayName', title: 'displayName:'}}, [{ele: {type: 'datetime', name: 'fromEdate', title: 'validation Periode:'}, {{ele: {type: 'datetime', name ', name', ' ]]}; // Versteckte Formelemente werden hauptsächlich zur Bearbeitung verwendet.Ausführender Effektdiagramm: (Das aktuelle Konfigurationselement enthält zwei Teile: Benutzerinformationen und andere Informationen)
Das obige ist die vollständige Beschreibung der vom Editor vorgelegten Blockform -Konfiguration der Bootstrap Smart Form Practical Series (III) Blockform. 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!