Seminar Bootstrap

Bootstrap Grundlagen

• Ressourcen und Download
• Quellen für Themes
• Browser-Kompatibilität
• Layout mit CSS-Klassen
• Erweiterungen und Plugins

Grid-System

• Gestaltungsprinzipien und 12er-Raster
• Abstände
• Automatisches Layout
• Responsive Klassen
• Ausrichtung und Sortierung
• Verschachtelte Darstellungen
• Flexbox horizontal und vertikal
• Suchmaschinenoptimierter HTML-Code

Typografie

• Größen anpassen
• Farbschemata anwenden
• Abstände
• Textausrichtung
• Schatten und Rahmen
• Sichtbarkeit und Textersetzung

Bootstrap-Symbole

• Download der Icon-Dateien
• Verwenden der Icons 
• Styling anwenden

Typische Inhalte

• Texte und Überschriften 
• Bilder und Medienelemente
• Formulare und Tabellen

Navigationen

• Responsive Navbars 
• Menüpunkte als Dropdown
• Registerkarten-Navigation

Komponenten

• Alerts, Badges und Schaltflächen
• Listen
• Karten und Jumbotron
• Paginierung
• Fortschritt
• Scroll-Spion
• Modale Boxen, Popup-Fenster
• Karussell, Schieberegler
• Akkordeon
• Werkzeug-Tipps

Bootstrap und JavaScript

• Verwendung von Bootstrap ohne jQuery
• Daten-Attribut, Daten-Toggle
• Methoden der Komponenten

Theming

• Überschreiben der CSS-Klassen
• Erstellen Sie Ihr eigenes Bootstrap-CSS mit Online-Tools

Im Seminar behandeln wir immer die neuste Version der Software. Ältere Versionen sind auf Anfrage in Firmenseminaren möglich.