Web Engineering
  • Vorwort
  • Einführung
    • Die Arbeitsumgebung
  • HTML
    • Grundlagen HTML
      • Was ist HTML?
      • Struktur
      • Text und Formatierung
      • Listen
      • Bilder
      • Verweise
    • Formulare mit HTML
  • CSS
    • Grundlagen CSS
      • Schrift
      • Farben
    • Übungen
      • ⭐Task-App mit CSS
  • JavaScript
    • Welche Rolle spielt JS?
    • Einführung in JavaScript
    • Formulare verarbeiten
    • Anwendungen mit JS
      • Aktionen ausführen
      • Datenbanken und APIs abfragen
      • Drag & Drop
    • Das JSON-Format
    • Übungen
      • ⭐Task-App mit JS
  • Bootstrap
    • Was ist Bootstrap?
Powered by GitBook
On this page

Was this helpful?

  1. Bootstrap

Was ist Bootstrap?

Bootstrap ist ein CSS-Framework, das uns die Arbeit beim Erstellen von grafischen Benutzeroberflächen (GUI) erleichtert.

PreviousTask-App mit JS

Last updated 2 years ago

Was this helpful?

Bootstrap wurde 2010 von Mitarbeitern bei Twitter entwickelt und wurde dort als internes Werkzeug für die Entwicklung von modernen Benutzeroberflächen eingesetzt. Auf der von Twitter gehaltenen wurde das Framework einer Gemeinde von Entwicklern vorgestellt und es fand großen Anklang. Einige Entwickler stiegen in die Weiterentwicklung ein und Bootstrap wurde als Open-Source-Software ausgegliedert. Mehr zur Geschichte von Bootstrap erfahrt ihr hier:

Bootstrap ist heute eines der am meisten eingesetzten CSS-Frameworks weltweit. Es basiert auf der Idee, CSS-Klassen für Anwendungsfälle bei der Entwicklung von grafischen Benutzeroberflächen zu definieren und diese zu standardisieren. So beinhaltet Boostrap etwa eine . Als Alternative könnten wir entsprechende CSS-Klassen selbst erstellen und so die herkömmlichen HTML-Elemente für Formulare genauso aussehen lassen. Diese zeitraubende Aufgabe wird uns durch Bootstrap abgenommen und wir können unseren Fokus auf unsere Webanwendung legen. Gleichzeitig sind die Bootstrap-Klassen hervorragend getestet, sodass wir uns auf eine robuste Funktionsweise über verschiedene Browser hinweg verlassen können.

Links

Hack Week
Reihe von CSS-Klassen für moderne und ansprechende Formularelemente
Aboutgetbootstrap
Get started with Bootstrapgetbootstrap
Logo
Logo