- Ausbilder : Andrea Neumann
- Vorträge: 23
- Die Kursteilnehmer: 1454
- Dauer: 10 Wochen
Bootstrap ist das beliebteste Frontend-Framework für schnellere und einfachere Webentwicklung. Es enthält HTML- und CSS-basierte Designvorlagen für Typografie, Formulare, Schaltflächen, Tabellen, Navigation, Modale, Bildkarussells und viele andere sowie optionale JavaScript-Plugins. Bootstrap gibt Ihnen auch die Möglichkeit, auf einfache Weise ansprechende Designs zu erstellen, die sich automatisch anpassen, um auf allen Geräten gut auszusehen, von kleinen Telefonen bis hin zu großen Desktops.
Verfahren
Bootstrap verwendet HTML-Elemente und CSS-Eigenschaften, die den HTML5-Doctype erfordern, sodass Sie den HTML5-Doctype am Anfang der Seite zusammen mit dem richtigen Zeichensatz einfügen müssen.
Bootstrap ist so konzipiert, dass es auf mobile Geräte reagiert. Fügen Sie das folgende Tag innerhalb des HTML-Head-Elements hinzu, um eine ordnungsgemäße Wiedergabe und Zoomen per Berührung sicherzustellen.
Behälter
Bootstrap hat einen eigenen Wrapper, um Seiteninhalte zu verpacken.
Die Containerklasse stellt einen ansprechenden Container mit fester Breite bereit
Die Container-Fluid-Klasse stellt einen Container voller Breite bereit, der sich über die gesamte Breite des Ansichtsfensters erstreckt.
Sie können einen Container nicht in einen anderen Container stellen.
Verbundnetz
Das Rastersystem von Bootstrap unterteilt die Gesamtbreite der Seite in 12 gleiche Spalten. Sie können die Spalten gruppieren, um breitere Spalten zu erstellen, oder sie einzeln verwenden. Dieses Rastersystem reagiert und die Spalten werden je nach Bildschirmgröße automatisch neu angeordnet.
1 Kragen | 1 Kragen | 1 Kragen | 1 Kragen | 1 Kragen | 1 Kragen | 1 Kragen | 1 Kragen | 1 Kragen | 1 Kragen | 1 Kragen | 1 Kragen |
2 Kragen | 2 Kragen | 2 Kragen | 2 Kragen | 2 Kragen | 2 Kragen | ||||||
3 Kragen | 3 Kragen | 3 Kragen | 3 Kragen | ||||||||
4 Kragen | 4 Kragen | 4 Kragen | |||||||||
6 Kragen | 6 Kragen | ||||||||||
12 Kragen |
Grid-Klassen
Das Bootstrap-Grid-System hat vier Klassen
xs (für Telefone)
sm (für Tablets)
md (für Desktops)
lg (für größere Desktops)
Die oben genannten Klassen können kombiniert werden, um dynamischere und flexiblere Layouts zu erstellen.
Grundstruktur
1. Erstellen Sie eine Hülle.
2. Erstellen Sie eine Zeile, um die Padding-Eigenschaft des Wrappers aufzuheben.
3. Erstellen Sie je nach Bedarf ein div von xs oder sm oder md oder lg. Persönlich bevorzuge ich md, da es für alle Geräte am besten funktioniert.
4. Die Gesamtzahl der Spaltenwerte in jeder Zeile muss 12 ergeben.
...
Kostenlose Zertifizierung
Academy Europe präsentiert hochwertige formale Diplome, Zertifikate und E-Zertifikate, die ein formaler Nachweis und eine Anerkennung akkreditierter Online-Kurse sind. Es zeigt die Fähigkeiten aller Schüler, zu lernen und hohe Ergebnisse zu erzielen, und ist sehr nützlich, um die persönliche Karriere zu fördern, einschließlich mit Lebensläufen, Bewerbungen und Selbstverbesserungen.
Wie können Sie Ihr Zertifikat bei Academy Europe erhalten?
- Sie müssen am Ende jeder Lektion Ihres Kurses auf den Link „Abschließen“ klicken, nachdem Sie sie beendet haben.
- Wenn Sie alle Lektionen beendet haben, wird der Link „Kurs beenden“ am Ende der letzten Lektion aktiv sein.
- Wenn Sie auf den Link „Kurs beenden“ klicken, beenden Sie Ihren Kurs auf Academy Europe offiziell. Dann wird die Seite „Zertifikat“ Ihres abgeschlossenen Kurses automatisch aktiv.
- Sie können Ihr Zertifikat online einsehen und herunterladen, nachdem Sie auf den Link „Zertifikat“ geklickt haben.
Beispiele: Horizontales Diplom – Horizontales Zertifikat – Vertikales E-Zertifikat
Publikum
Dieses Tutorial ist für Benutzer gedacht, die bereit sind, die Mensch-Computer-Interaktionen als nächste Lernstufe in ihrer Karriere zu belegen.
Dieser Kurs von Academy Europe zielt darauf ab, Studenten eine qualitativ hochwertige Bildung und Ausbildung zu vermitteln.
Academy Europe widmet sich seinen Schülern, ihren spezifischen Lernanforderungen und ihrem allgemeinen Lernerfolg.
Dieser Kurs ist auf ein schülerzentriertes, unabhängiges Studium und einen asynchronen Lernansatz ausgerichtet.
Nach Abschluss dieses Kurses auf Academy Europe erhalten die Schüler Selbstverbesserung und Aufstieg in ihrer Karriere.
Dieser Kurs basiert auf mindestens zwei Lernfähigkeiten, die den Benutzern durch Audio- und Bildmaterial, Videos, mündliche Präsentationen und Artikel zur Verfügung gestellt werden, die alle asynchron mit dem Fernunterrichtsansatz sind.
Voraussetzungen:
Die Grundkenntnisse der grafischen Benutzeroberfläche, der objektorientierten Programmierung und der Softwaretools und -menüs sind die einzige Voraussetzung für dieses Tutorial.
Bevor Sie mit diesem Kurs auf Academy Europe beginnen, setzen wir voraus, dass Sie über eine gute Begabung verfügen und logisch denken können. Sie sollten etwas anderes ausprobieren wollen.
Ideale Kandidaten für den Kurs verfügen in der Regel über:
– Disziplin und Aufmerksamkeit
– Fähigkeit zur Recherche
– Fähigkeit, Aufgaben schnell, effizient und genau auszuführen
– Analytisches Urteil
– Geduld bei der Interpretation technischer/wissenschaftlicher Daten
– Lernbereitschaft, Ärmel hochkrempeln und an Ihrem Traum arbeiten!
– Ein Computer, Tablet oder Smartphone und eine Internetverbindung
- Grundlegende Computer-Kenntnisse