Heute haben wir für Sie einen nützlichen Überblick vorbereitet - einen Kurs zu Bootstrap 4, der die Grundlagen, den Aufbau und die Grundkomponenten behandelt.
Egal, ob Sie mit JavaScript, jango-Framework oder CRM wie Salesforce arbeiten - Bootstrap ist ein Muss für Sie.
Bootstrap 4 ist eine komplett neu geschriebene Bibliothek, die mehrere neue Funktionen und Konzepte enthält. Die Änderungen in dieser Version sind beeindruckend, daher lohnt es sich, in die Dokumentation zu gehen, um sie zu studieren.
In diesem Artikel werfen wir einen Blick auf den Bootstrap-Kurs mit 10 Vorträgen, den Sie jederzeit beginnen können: Gehen Sie einfach auf die Kursseite und in einer Stunde werden Sie Bootstrap beherrschen!
1. Einführung
Der erste Teil des Screencasts gibt Ihnen einen Überblick über Bootstrap selbst und Sie erfahren auch, welche Dienstprogramme und Komponenten es enthält. Bootstrap ist das beliebteste Framework für die Erstellung von Hochgeschwindigkeitsseiten mit vielen Vorlagen. Der Autor betrachtet die wichtigsten Vorteile, die sich mit v4 erzielen lassen.
2. Netzsystem
dieser Bootstrap-Kurs behandelt die wichtigsten Komponenten, einschließlich des flexiblen Drittsystems. Dieses Markup-Element bietet dank seiner 12 Lautsprecher und 5 adaptiven Ebenen große Vorteile für Benutzer mobiler Geräte. Der Autor erklärt, wie man verschiedene Raster, Haltepunkte, Spaltengrößen und Vers Ätze verwendet.
3. reaktionsfähige Navbar
viele Leute benutzen Bootstrap wegen genau dieses Elements. In dieser Vorlesung lernen Sie, wie Sie eine reaktionsschnelle und flexible Navbar erstellen, die im Burger-Menü auf einem kleinen Bildschirm minimiert wird. Navbars unterstützen Markenbildung und Navigation und können mit integrierten Klassen und Plug-ins angepasst werden.
4. Modale Fenster
Bootstrap macht es sehr einfach, modale Fenster zu erstellen. In der vierten Lektion lernen Sie, wie Sie sie Schritt für Schritt erstellen können. Die Verwendung von modalen Fenstern ermöglicht es Ihnen, einen komfortablen Dialog, Leuchtkasten oder eine Benachrichtigung für den Benutzer zu implementieren.
5. Formulare
Formulare sind kritische Elemente für jede Website, daher sollten Sie alles über sie wissen. Der Bootstrap-Kurs wird Ihnen helfen, zu lernen, wie Sie ein ansprechendes Anmeldeformular erstellen können. Dieser Kurs wird Ihnen helfen, mehr über flexible Grids zu erfahren und wie man sie konfiguriert.
6. Listing-Gruppen
Die Listengruppen können in verschiedenen Situationen verwendet werden. Sie finden Sie in der Sidebar, im Hauptmenü oder sie können z. B. eine Liste von Artikeln darstellen. Dies ist ein sehr nützliches und leistungsfähiges Werkzeug, das flexibel konfiguriert werden kann.
7. Karten
Bootstrap 4 führt ein völlig neues Element ein - Maps (flexibler erweiterbarer Inhaltscontainer). Es beinhaltet Well-Blöcke mit einem abgerundeten Rand um das Element und Tambnayla. Die Karten sind sehr flexibel und skalierbar. Sie können sowohl normale CSS - als auch Größenwerkzeuge in _variables.scss verwenden, um die Kartenparameter anzupassen.
8. Tische
In der vierten Version gibt es viele neue Klassen, um Tische zu wechseln, und diese Vorlesung wird die wichtigsten behandeln. Aufgrund der weit verbreiteten Verwendung von Tabellen in verschiedenen Widgets haben die Entwickler den Prozess der Verbindung vereinfacht - fügen Sie einfach die base.table-Klasse zu jeder Tabelle hinzu.
9. Benachrichtigungen
Dieses Tool wurde gegenüber der Vorgängerversion des Frameworks nicht verändert. Wenn Sie Bootstrap Version 2 oder 3 verwendet haben, sind Sie mit diesem Thema vertraut. Die Anwendung von Benachrichtigungen ist beispielsweise für das Versenden von Nachrichten an Benutzer oder interaktive Benachrichtigungen bequem, was dazu beiträgt, die Website benutzerfreundlicher zu gestalten.
10. Navigation
Es ist wichtig, dass man ein Menü machen kann. Wir haben es in der dritten Lektion getan, aber die zehnte konzentriert sich auf die Festlegung des Materials und eine detaillierte Betrachtung einiger Funktionen.
Nach all diesen Vorträgen können Sie mit der Erstellung von Websites mit Bootstrap 4 beginnen. Der betrachtete Rahmen ist recht einfach und verständlich, aber für gute Ergebnisse braucht es, wie überall, Praxis. Üben, Code schreiben, experimentieren und Bootstrap 4 wird definitiv nachgeben.