Chinesisches Bootstrap-Handbuch

Lesen（54720） Updatezeit(2022-04-21)

Bootstrap ist das beliebteste und leistungsst?rkste Front-End-Framework (HTML, CSS und JavaScript), das die reaktionsf?hige (adaptive) Webentwicklung schneller und einfacher macht.

Einführung in Bootstrap

Bootstrap wurde ursprünglich Mitte der 2010er Jahre von Designern und Entwicklern bei Twitter entwickelt. Bevor es zu einem Open-Source-Framework wurde, war Bootstrap als Twitter Blueprint bekannt.

Bootstrap ist ein leistungsstarkes Front-End-Framework, das die Webentwicklung schneller und einfacher macht. Es enth?lt HTML- und CSS-basierte Designvorlagen zum Erstellen allgemeiner Benutzeroberfl?chenkomponenten wie Formulare, Schaltfl?chen, Navigation, Dropdown-Menüs, Warnungen, Modalit?ten, Registerkarten, Akkordeons, Karussells, Tooltips und mehr.

Die Verwendung von Bootstrap kann viel Zeit und Mühe sparen.

Hinweis: Standardm??ig reagiert Bootstrap 4 und verfolgt einen Mobile-First-Ansatz. Bootstrap 4.3 ist die neueste und stabilste Version von Bootstrap. Bootstrap 4 wird von allen wichtigen modernen Browsern wie Google Chrome, Firefox, Safari, Internet Explorer 10 und h?her usw. unterstützt.

Was Sie mit Bootstrap machen k?nnen

Mit Bootstrap k?nnen Sie mehr machen.
Sie k?nnen ganz einfach eine responsive Website erstellen.
Mit vordefinierten Klassen k?nnen Sie schnell mehrspaltige Layouts erstellen.
Sie k?nnen schnell verschiedene Arten von Formularlayouts erstellen.
Sie k?nnen schnell verschiedene Variationen der Navigationsleiste erstellen.
Sie k?nnen problemlos Komponenten wie Akkordeons, Modalit?ten usw. erstellen, ohne JS-Code schreiben zu müssen.
Sie k?nnen ganz einfach dynamische Registerkarten erstellen, um gro?e Mengen an Inhalten zu verwalten.
Sie k?nnen ganz einfach Tooltips und Popups erstellen, um Eingabeaufforderungstext anzuzeigen.
Sie k?nnen ganz einfach Karussells oder Bildschieberegler erstellen, um Ihre Inhalte zu pr?sentieren.
Sie k?nnen schnell verschiedene Arten von Alarmboxen erstellen.

Tats?chlich ist es viel mehr als das. Mit Bootstrap k?nnen Sie viele andere interessante Dinge tun. Mehr dazu erfahren Sie in den folgenden Kapiteln.

Vorteile der Verwendung von Bootstrap

Wenn Sie Erfahrung mit einem Front-End-Framework haben, fragen Sie sich vielleicht, was Bootstrap so besonders macht. Hier sind einige Vorteile, warum Sie sich für das Bootstrap-Framework entscheiden sollten:

Sparen Sie viel Zeit – Verwenden Sie vordefinierte Bootstrap-Designvorlagen und -Klassen, um viel Zeit und Mühe zu sparen und Fokus für andere Entwicklungsarbeiten.
Responsive Features – Mit Bootstrap k?nnen Sie ganz einfach eine responsive Website erstellen, die auf verschiedenen Ger?ten und Bildschirmaufl?sungen besser funktioniert, ohne das Markup zu ?ndern.
Konsistentes Design – Alle Bootstrap-Komponenten nutzen über eine zentrale Bibliothek dieselben Designvorlagen und Stile, sodass Design und Layout Ihrer Webseiten konsistent bleiben.
Einfach zu bedienen - Bootstrap ist sehr einfach zu bedienen. Jeder mit Grundkenntnissen in HTML, CSS und JavaScript kann mit der Entwicklung mit Bootstrap beginnen.
Kompatible Browser – Bootstrap wurde speziell für moderne Webbrowser entwickelt und ist mit allen modernen Browsern wie Chrome, Firefox, Safari und Internet Explorer kompatibel.
Open Source – Das Beste daran ist, dass es v?llig kostenlos heruntergeladen und verwendet werden kann.

Was dieses Tutorial behandelt

Diese Bootstrap-Tutorialreihe deckt alle Funktionen des Bootstrap-Frameworks ab, beginnend mit den Grundlagen wie Rastersystem, Typografiestilmechanismus und Formularstil Methoden und Techniken zum Gestalten g?ngiger Benutzeroberfl?chenelemente wie Tabellen, Listen, Bilder usw.

Darüber hinaus erfahren Sie, wie Sie gebrauchsfertige Bootstrap-Komponenten wie Eingabegruppen, Schaltfl?chengruppen, Medienobjekte, Navigationsleisten, Panels, Paginierung, Beschriftungen und Abzeichen, Fortschrittsbalken usw. verwenden wie man sie anpasst, um verschiedene Variationen zu erstellen.

Abschlie?end werden Sie einige erweiterte Funktionen von Bootstrap erkunden, wie das Erstellen modaler Fenster, dynamischer Registerkarten, Tooltips, Warnungen, Akkordeonmenüs, Karussells, Scrollen usw. und wie Sie es mithilfe der verfügbaren Optionen und Methoden anpassen k?nnen erweitern ihre bestehende Funktionalit?t.