Heim >Web-Frontend >Front-End-Fragen und Antworten >Ist Bootstrap eine Technologie oder ein Framework?
Ist Bootstrap eine Technologie oder ein Framework?
- 青灯夜游Original
- 2021-11-05 13:56:232405Durchsuche
bootstrap ist ein Framework. Bootstrap ist ein Frontend-Framework für die schnelle Entwicklung von Webanwendungen und Websites. Es ist ein auf HTML, JavaScript und CSS entwickeltes Framework, das hauptsächlich für die Struktur und das Layout responsiver Websites verwendet wird.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootsrap-Version 3.3.7, DELL G3-Computer
Bootstrap ist ein Front-End-Framework für die schnelle Entwicklung von Webanwendungen und Websites. Es wurde auf Basis von HTML entwickelt , JavaScript und CSS. Ein Framework, das hauptsächlich für Struktur und Layout auf responsiven Websites verwendet wird.
Die Entstehung von Bootstrap dient vor allem der Vereinfachung der Arbeit von Webworkern, wozu auch dynamische Anpassungen in JavaScript gehören.
Vorteile von Bootstrap
Mobile-first: Ab Bootstrap 3 umfasst das Framework Mobile-First-Stile in der gesamten Bibliothek.
Browser-Unterstützung: Alle gängigen Browser unterstützen Bootstrap.
Einfacher Einstieg: Solange Sie über Grundkenntnisse in HTML und CSS verfügen, können Sie mit dem Erlernen von Bootstrap beginnen.
Responsives Design: Das responsive CSS von Bootstrap kann an Desktops, Tablets und Mobiltelefone angepasst werden.
Es bietet Entwicklern eine einfache und einheitliche Lösung zum Erstellen von Schnittstellen.
Es enthält leistungsstarke integrierte Komponenten und lässt sich leicht anpassen.
Es bietet auch webbasierte Anpassung.
Es ist Open Source.
Wenn Sie den Text einer Website anzeigen müssen, müssen Sie, wenn Sie ihn selbst schreiben, viel Code schreiben. Wenn Sie ihn jedoch mit dem Bootstrap-Framework schreiben, müssen Sie nur das HTML-Tag schreiben und nennen Sie den Klassennamen! Der Code ist unten dargestellt:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 强调</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <small>本行内容是在标签内</small><br> <strong>本行内容是在标签内</strong><br> <em>本行内容是在标签内，并呈现为斜体</em><br> <p class="text-left">向左对齐文本</p> <p class="text-center">居中对齐文本</p> <p class="text-right">向右对齐文本</p> <p class="text-muted">本行内容是减弱的</p> <p class="text-primary">本行内容带有一个 primary class</p> <p class="text-success">本行内容带有一个 success class</p> <p class="text-info">本行内容带有一个 info class</p> <p class="text-warning">本行内容带有一个 warning class</p> <p class="text-danger">本行内容带有一个 danger class</p> </body> </html>
Der Effekt ist wie folgt:
Es ist zu sehen:
Verwenden Sie die bereitgestellten Stile und Komponenten, um schnell Websites zu schreiben
Sie müssen nur einige referenzieren Definierte Klassen, dh Klassennamen, können eine Webseite erstellen, die bereits einen sehr schönen Stil hat und die Selbstanpassung unterstützt, sodass es sich um ein sehr gutes Framework handelt.
Kurz gesagt: Sie müssen nur die Bedeutung der relevanten Klassen, Tag-Namen usw. verstehen und dann beim Erstellen der Seite JS, CSS usw. von Bootstrap importieren, und die entsprechenden Auswirkungen werden angezeigt.
Empfohlenes Lernen: „Tutorial zur Bootstrap-Nutzung“
Das obige ist der detaillierte Inhalt vonIst Bootstrap eine Technologie oder ein Framework?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!