Schulung Bootstrap

Beschreibung/Inhalt

Diese Schulung führen wir wahlweise mit Twitter Bootstrap 2.x, 3.x, 4.x oder 5.x durch.

Optional: Vermittlung der notwendigen Grundlagen und HTML und CSS, LESS bzw. SASS

Einführung

  • Responsive Web Design/Reactive Web Design
  • Basistechniken für Responsive Design/Reactive Web Design
  • Mobile First-Ansatz
  • Layoutarten (fix, fluid)
  • Unterschiede zwischen den Bootstrap-Versionen
  • Unterstützte Browser


  • Aufbau von Twitter Bootstrap
  • CSS-Dateien
  • JavaScript-Dateien
  • Abhängigkeit von Jquery (bis Bootstrap 4)
  • Einbinden von Bootstrap in Webseiten
  • Optionale Layouthemen


  • Webseitenlayout mit Twitter Bootstrap
  • Container
  • Spaltenkonzept
  • Spaltenbreiten festlegen
  • Anpassen auf verschiedene Browsergrößen
  • Verschachtelung von Spalten
  • Spalten fallweise ausblenden
  • Spalten verschieben
  • Drucklayout festlegen


  • Seitenelemente
  • Menüs und Navigationsleisten
  • Brotkrumennavigation
  • Panels
  • Zusammenklappbare Bereiche (Collapse, Accordion)
  • Registerkarten (Tabs)
  • Tabellengestaltung
  • Seitennummerierung (Pagination)
  • Symbole
  • Wechselnde Bereiche (Carousel)
  • Cards (seit Bootstrap 4)
  • Tags (seit Bootstrap 4)
  • Offcanvas (seit Bootstrap 5)
  • Floating Label (seit Bootstrap 5)


  • Formulare mit Bootstrap
  • Schaltflächen
  • Zuständsänderungen für Schaltflächen
  • Eingabesteuerelemente


  • Modale Fenster (Modals)

    Weitere Funktionen
  • Responsive Font Sizes (RFS)
  • Symbole (Icons, Glyphicons)
  • Sprechblasen
  • Abgerundete Grafiken
  • Vorschaubilder (Thumbnails)
  • Warnungen (Alerts)
  • Fortschrittsbalken (Progress Bar)
  • Scrollspy und Affix (Aktualisierung des aktuellen Navigationselements anhand der aktuellen Position in der Seite)
  • Right-to-left (seit Bootstrap 5)

  • Dauer
    Auf Wunsch. Gerne geben wir Ihnen eine Empfehlung zur notwendigen Schulungsdauer, wenn Sie uns in der Anfrage Ihre Vorkenntnisse und Ziele nennen.
    Ort
    Online oder in Deutschland, Österreich und der Schweiz an Ihrem Firmensitz
    Schulungsdidaktik
    Nach Ihrer Wahl: Klassische Schulung mit PC-Übungen, reine Präsentation ohne PC-Übungen oder interaktiver Workshop mit Beratungsanteil