Lern-Fabrik

Einführung in Bootstrap

Willkommen zur Einführung in Bootstrap! Bootstrap ist ein beliebtes CSS-Framework, das die Gestaltung und das Layout von Webseiten vereinfacht. Es bietet vorgefertigte Stile, Komponenten und JavaScript-Funktionen, die dabei helfen, schnell ansprechende und mobile Webseiten zu erstellen.

Wichtige Befehle

Bootstrap verwendet eine Kombination von CSS-Klassen, um das Erscheinungsbild von Elementen zu definieren. Hier sind einige der wichtigsten Befehle, die du in Bootstrap verwenden kannst: Hier die Bootstrap-Dokumentation als Link

  • container - Erstellt einen zentrierten Container für den Seiteninhalt
  • row - Erstellt eine Zeile für das Grid-Layout
  • col - Definiert eine Spalte im Grid-Layout
  • btn - Erstellt eine Schaltfläche
  • navbar - Erstellt eine Navigationsleiste
  • jumbotron - Erstellt einen großen hervorgehobenen Bereich
  • card - Erstellt eine Karte mit Inhalt
  • modal - Erstellt ein modales Popup-Fenster

Wichtige Bibliotheken

Neben den grundlegenden CSS-Klassen bietet Bootstrap auch zusätzliche JavaScript-Bibliotheken, die erweiterte Funktionen ermöglichen. Hier sind einige der wichtigsten Bootstrap-Bibliotheken:

  • jQuery - Eine JavaScript-Bibliothek zur vereinfachten Manipulation von HTML-Dokumenten
  • Popper.js - Eine JavaScript-Bibliothek für das Positionieren von Popups und Überlagerungen
  • Bootstrap Modal - Eine JavaScript-Komponente für modale Popup-Fenster
  • Bootstrap Dropdown - Eine JavaScript-Komponente für Dropdown-Menüs
  • Bootstrap Carousel - Eine JavaScript-Komponente für Bildergalerien und Karussells

Weiterführende Ressourcen

Dies war nur eine kurze Einführung in Bootstrap. Es gibt noch viel mehr zu entdecken! Hier sind einige Ressourcen, die dir helfen, dein Wissen über Bootstrap zu erweitern: