Bootstrap - Grundlagen

Im Laufe der Jahre gab es viele unterschiedliche Front-End-Frameworks. Aber Bootstrap bleibt an der Spitze. Lernen Sie neben den Grundlagen von Bootstrap auch jede einzelne Komponente des Frameworks kennen und anwenden.

Bootstrap - Einstieg

• Installationsoptionen
• Installation
• Die Bootstrap-Icons
• Reboot und Reset

Basis-Klassen in Bootstrap

• Container
• Farben
• Abstände
• Display
• Position

Bootstrap-Elemente verwenden

• Typografische Stile
• Typografische Elemente
• Blockzitate und einfache Listen
• Listen-Gruppen
• Tabellen
• Bilder und Abbildungen
• Umrandungen

Ändern von Elementen

• Box-Model Änderungen
• Größen und Verhältnisse
• Klassen für Interaktivität

Layouts mit Spalten und Flexbox

• Grundlegendes Rasterlayout
• Raster-Zeilen
• Responsive Raster-Spalten
• Flexbox-Metriken
• Flexbox-Inhalt
• Flexbox-Organisation

Layout-Komponenten in Bootstrap

• Schaltflächen
• Navigationen
• Navigationsleiste
• Registerkarten
• Paginierung
• Fortschrittsanzeige
• Spinner
• Badges und Breadcrumbs

Bootstrap - Interaktive Komponenten

• Carousel
• Accordions
• Alerts
• Toasts
• Modal
• Collapse
• Dropdowns
• Tooltips
• Popovers
• Scrollspy

Formulare in Bootstrap

• Einfache Eingabefelder
• Auswahlen und Bereiche
• Schwebende Beschriftungen
• Häkchen und Optionsfelder
• Eingabegruppen
• Formular-Validierung

Bootstrap ist seit vielen Jahren „DAS“ Front-End-Framework, welches HTML, CSS sowie JavaScript in einzigartiger Art und Weise kombiniert. Bootstrap wurde speziell für die schnelle und einfache Erstellung responsiver, mobilfähiger Websites und Webapps entwickelt. Es ist ein browserübergreifend kompatibles Open-Source-Framework und verfügt über ein 12-Spalten-Raster sowie Komponenten, die sofort einsatzbereit sind. Sie erhalten einen Überblick über alle Funktionen von Bootstrap, lernen die verschiedenen Installationsoptionen sowie die grundlegenden CSS-Stile, die die Darstellung Ihrer Inhalte auf verschiedenen Plattformen und Browsern normalisieren kennen. Dann entdecken Sie fortgeschrittene Funktionen wie Typografie und Flexbox-Layout und erfahren, wie Sie mit den Bootstrap-Layout-Komponenten eine vollwertige Website erstellen und diese mit Komponenten wie Karussells, Akkordeons, Warnhinweisen und Tooltips interaktiv gestalten können. Außerdem lernen Sie auch, wie Sie schön gestaltete und benutzerfreundliche Formulare erstellen und vieles mehr. Im Laufe der Jahre gab es viele unterschiedliche Front-End-Frameworks. Aber Bootstrap bleibt an der Spitze. Der Grund für die Beliebtheit von Bootstrap ist die Einfachheit. Im Detail ist Bootstrap extrem leistungsfähig und wurde von einer großen Anzahl von Webentwicklern seit fast einem Jahrzehnt genutzt und getestet. Lernen Sie neben den Grundlagen von Bootstrap auch jede einzelne Komponente des Frameworks kennen und anwenden.