Bootstrap ist ein sehr beliebtes Front-End-Framework. Einfach ausgedrückt ist es ein Werkzeugsatz für HTML, CSS und JavaScript. Wir können Bootstrap verwenden, um eine einfache und frische Website oder Software -Oberfläche zu erstellen. Mit Bootstrap müssen Back-End-Entwickler sich keine Sorgen mehr machen, die Front-End-Schnittstelle zu erstellen.
Bootstrap ist ein Open-Source-Toolkit für die Front-End-Entwicklung von Twitter, einem CSS/HTML-Framework. Bootstrap bietet elegante HTML- und CSS -Spezifikationen, die in der dynamischen CSS -Sprache weniger geschrieben sind. Es ist ein beliebtes Open -Source -Projekt auf GitHub.
Es wird auf der Grundlage des JQuery-Frameworks entwickelt und ist humanisierter und personalisierter, basierend auf dem JQuery-Framework, das einen Satz eines eigenen einzigartigen Website-Stils bildet und mit den meisten JQuery-Plug-Ins kompatibel ist.
Bootstrap (1) enthält eine Fülle von Webkomponenten, basierend auf diesen Komponenten können Sie schnell eine schöne und voll funktionsfähige Website erstellen. Es enthält die folgenden Komponenten: Dropdown-Menü, Schaltflächengruppe, Schaltfläche Dropdown-Menü, Navigation, Navigationsleiste, Brotkrumen, Paging, Typensatz, Miniaturansichten, Warndialoge, Fortschrittsbalken, Mediendialoge usw. (2) Es wird mit 13 Jqery-Plugins geliefert, die Komponenten in Bootstrap Leben verleihen. Dazu gehören: Modus-Dialogfelder, Registerkarten, Bildlaufleisten, Popup-Boxen usw.
Die Beschreibung von Bootstrap auf der chinesischen Website lautet:
Bootstrap
Ein einfaches, intuitives und leistungsstarkes Front-End-Entwicklungsrahmen macht die Webentwicklung schneller und einfacher.
Download: http://v3.bootcss.com/
Nach dem Herunterladen sehen Sie die folgenden Verzeichnisse und Dateien, die in verschiedenen Verzeichnissen gemäß der Kategorie platziert werden. Und zwei Versionen sind verfügbar: komprimiert und unkomprimiert.
Entpacken Sie es nach dem Herunterladen des komprimierten Pakets in ein beliebiges Verzeichnis und Sie sehen die folgende Verzeichnisstruktur:
Dies ist die grundlegendste Bootstrap -Organisation: Unkomprimierte Dateien können direkt in jedem Webprojekt verwendet werden. Wir bieten komprimierte (Bootstrap.min.*) Und unkomprimierte (Bootstrap.*) CSS- und JS -Dateien. Die Schriftsymboldatei stammt von Glyphicons.
Grundvorlage
Verwenden Sie diese super einfache HTML -Vorlage, die unten angegeben wurde, oder ändern Sie diese Fälle. Es wird empfohlen, diese Fälle entsprechend Ihren eigenen Bedürfnissen zu ändern, anstatt sie einfach zu kopieren oder zu kleben.
Kopieren und fügen Sie den unten angegebenen HTML -Code ein und fügen Sie dies ein. Dies ist die einfachste Bootstrap -Seite.
<! DocType html> <html> <kopf> <titels> Bootstrap 101 Vorlage </title> <meta name = "viewPort" content = "width = Gerätebreite, initial-scale = 1.0"> <!-Bootstrap-> <link rel = "stylesheet" href = "http://cdn.bootcs.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"> <!-html5 shim und reagieren.js ie8 Support von HTML5-Elementen und Medienfragen-> <! Lt IE 9]> <script src = "http://cdn.bootcs.com/html5shiv/3.7.0/html5shiv.min.js"> </script> <script src = "http:/cdn.bootcs.com/resprespy <! [endif]-> </head> <body> <h1> Hallo, Welt! Dateien bei Bedarf-> <script src = "http://cdn.bootcs.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"> </script> </body> </html>
Das obige ist das relevante Wissen über Bootstrap Learning Notes, die Ihnen vom Herausgeber vorgestellt wurden. Ich hoffe, es wird für Sie hilfreich sein!