Heim >Web-Frontend >HTML-Tutorial >Einführung in BootStrap und wie man es bereitstellt und installiert (Einführung)
In diesem Artikel erfahren Sie, was BootStrap ist und wie Sie es bereitstellen und installieren. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein. Sie können auch Bootstrap-Tutorial besuchen, um weitere Video-Tutorials zum Thema Bootstrap zu erhalten und zu lernen.
Einführung in Bootstrap
Was ist Bootstrap?
Bootstrap wurde von Mark Otto und Jacob Thornton bei Twitter entwickelt .
Bootstrap ist ein Open-Source-Produkt, das im August 2011 auf GitHub veröffentlicht wurde.
Bootstrap ist ein Front-End-Framework für die schnelle Entwicklung von Webanwendungen und Websites.
Bootstrap unterstützt responsives Layout und ist kompatibel mit viele Zugriffe über Endgeräte (Computer, Tablets, Mobiltelefone).
Bootstrap bereitstellen und installieren
1 . Laden Sie das Bootstrap-Framework von der offiziellen Website https://v3.bootcss.com/ herunter.
2. Legen Sie das heruntergeladene Framework in das Stammverzeichnis und importieren Sie die Datei.
Unterstützt Mobile-Device-First-Anweisungen, die über dem Head-Tag
<meta name="viewport" content="width=device-width, initial-scale=1">
platziert werden müssen, und führt dann die Bootstrap-CSS-Datei ein.
Das Bootstrap-Framework hängt von jQuery ab. Sie müssen daher zuerst die jQuery-Bibliothek und dann die Bootstrap-JS-Datei einführen.
Das Folgende ist ein vollständiger Code, der das Framework vorstellt
(Bootstrap-JS-Dateien werden am besten unten im Körper platziert)
93f0f5c25f18dab9d176bd4f6de5d30e a80eb7cbb6fff8b0ff70bae37074b813 52bd492f41a6da6d33cf50c25f0022a7 72fa8431c425452abb4ebe9bcbe27930 b2386ffb911b14667cb8f0f91ea547a7测试文档6e916e0f7d1e588d4f442bf645aedb2f 229eb21e3b4943941b3cd6155af73630 bcccb62f74f64b67c652e45ac46da926 dd9ede41d96d9f70c9855d907fdddaab de35bb12e9e5e3795aa8e9d9b8e69d532cacc6d41bbb37262a98f745aa00fbf0 0cdfd1f36b265be4d367bb576c13f5de 64767d14527514c67ca95c91205d603b2cacc6d41bbb37262a98f745aa00fbf0 9c3bca370b5104690d9ef395f2c5f8d1
3. Sie können auch das offiziell bereitgestellte CDN verwenden
im Head-Tag, unterhalb der jQuery-Datei
Sie müssen beim Zugriff über eine Internetverbindung verfügen Dürfen.
cf9514fc149f0f9de18e23eb3436dd50 8b3d8b4df0783808c92288c063dd7039 a410ef669c70bb72a71832155c839761 45f6e61093b7658793ed376e0ac3d4de f0e9cbfe7fb9a182193098c47dfaa410 1e3df8e11cd1818e870555db82bcd5bc2cacc6d41bbb37262a98f745aa00fbf0
Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.
Das obige ist der detaillierte Inhalt vonEinführung in BootStrap und wie man es bereitstellt und installiert (Einführung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!