Heim  >  Artikel  >  Web-Frontend  >  Einführung in BootStrap und wie man es bereitstellt und installiert (Einführung)

Einführung in BootStrap und wie man es bereitstellt und installiert (Einführung)

青灯夜游
青灯夜游nach vorne
2018-10-13 16:31:013099Durchsuche

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

In Verbindung stehende Artikel

Mehr sehen