WikiDer > Bootstrap (Framework)

Bootstrap (framework)
Bootstrap
Logo
Letzte Version4.3.1 
(13.02.2019)
Neueste Beta-Version5.0.0-beta1 (7. Dezember 2020)[1] Auf Wikidata bearbeiten
BetriebssystemWebbrowser
Geschrieben inHTML, C.S.S, WENIGER, sass und Javascript
LizenzMIT-Lizenz
Versionskontrollegithub.com
Webseitehttps://getbootstrap.com/
Portal  Portalsymbol  Informatik

Bootstrap (wörtlich Stiefelschlaufe, ein Werkzeug zum Anziehen eines Reitstiefels mit einem speziellen Haken) ist eine Sammlung von Werkzeugen zum Herstellen Webseiten und Webanwendungen. Es ist kostenlos und Open Source. Es enthält Vorlagen basierend auf HTML und C.S.S vor dem Typografie, Formulare, Schaltflächen, Navigation und andere SchnittstelleKomponenten. Es beinhaltet auch JavascriptErweiterungen. Der BootstrapRahmen soll die Webentwicklung vereinfachen.

Ursprung

Bootstrap, original Twitter-Blaupause genannt, wurde von Mark Otto und Jacob Thornton bei . entwickelt Twitter als Rahmen für ein konsistentes Design innerhalb der internen Ressourcen. Vor Bootstrap wurden viele Bibliotheken verwendet, um die Schnittstelle zu entwerfen, was sie inkonsistent und wartungsintensiv machte. Laut Twitter-Entwickler Mark Otto:

"Eine superkleine Gruppe von Entwicklern und ich haben uns zusammengetan, um ein neues internes Tool zu entwerfen und zu entwickeln und sahen die Möglichkeit, etwas mehr zu tun. Durch diesen Prozess sahen wir uns selbst etwas viel Substanzielleres als ein anderes internes Tool entwickeln. Monate später endeten wir we mit einer frühen Version von Bootstrap, um gemeinsame Designmuster und Assets innerhalb des Unternehmens zu dokumentieren und zu teilen."[2]

Nach mehreren Monaten der Entwicklung durch eine kleine Gruppe begannen mehrere Entwickler bei Twitter im Rahmen der Hack Week, a Hackathonwie Woche für das Twitter-Entwicklungsteam. Das Projekt wurde in Bootstrap umbenannt und am 15. August 2011 als Open-Source-Projekt veröffentlicht.[3] Es wird immer noch von Mark Otto, Jacob Thornton und einer kleinen Gruppe wichtiger Entwickler sowie einer großen Gemeinschaft von Mitwirkenden gepflegt.[4]

Am 31. Januar 2012 wurde Bootstrap 2 angekündigt. In dieser Version gab es ein Layout für eine Tabelle mit 12 Spalten und Komponenten für sich anpassendes Webdesign, zusätzlich zu Änderungen an vielen der vorhandenen Komponenten.[5] Die Veröffentlichung von Bootstrap 3 wurde am 19. August 2013 mit einem „Mobile First“-Ansatz und einem „flachen“ Design angekündigt.[6]

Am 23. April 2015 gab Mark Otto bekannt, dass Bootstrap 4 entwickelt wird[7]. Die erste Alpha-Version von Bootstrap 4 wurde am 19. August 2015 bereitgestellt[8].

Bootstrap 5 Alpha wurde offiziell am 16. Juni 2020 veröffentlicht[9]. Nach weniger als einem halben Jahr, am 1. Dezember 2020, kündigte Mark Otto die Veröffentlichung der ersten Beta-Version an. Derzeit ist die neueste Version des Pakets Beta 2, die am 10. Februar 2021 gestartet wurde.

Der erste Anwendungsfall der Bootstrap 5-Version erschien erst wenige Tage nach der offiziellen Premiere. Das bekannteste Paket MDB 5 UI Material Design Kit für Bootstrap 5[10].

Eigenschaften

Bootstrap ist kompatibel mit den neuesten Versionen von Google Chrome, Feuerfuchs, Internet Explorer, Oper, und Safari, obwohl einige davon Internetbrowser nicht auf allen Plattformen unterstützt.[11]

Bootstrap ist schnell und skalierbar, die zugrunde liegenden HTML- und CSS-Dateien sind kompakt. Dies ist zum Vorteil der Website oder Webanwendung. Bootstrap ist viel billiger als Anpassung. Da Bootstrap ein Framework ist, das aus Standardkomponenten besteht, spart dies viel Zeit.

Ab Version 2.0 unterstützt es auch Responsive Webdesign. Dies bedeutet, dass das Layout der Webseiten passt sich dynamisch dem verwendeten Gerät an (Desktop, Tablette, Smartphone).

Ab Version 3.0 konzentriert sich Bootstrap auf zuerst mobil.

Bootstrap ist Open Source und verfügbar von GitHub. Da Bootstrap Open Source ist, ist es einfach zu ändern. Jede Codezeile kann geändert werden. Die Dateien haben eine einfache Struktur, so dass sie für jeden Entwickler leicht zu lesen sind.

Schließlich kann Bootstrap in verschiedene Content-Management-Systeme wie Drupal und Joomla integriert werden. Auf diese Weise bleiben die Inhalte im Haus, Bootstrap ist die Präsentation dieser.

Struktur und Funktion

Beispiel für eine Webseite mit Bootstrap
Beispiel für eine Webseite mit Bootstrap

Bootstrap ist modular und besteht hauptsächlich aus einer Reihe von SASSStylesheets die die verschiedenen Teile des Toolkits realisieren. Entwickler können die Datei bootstrap.less selbst anpassen, um auszuwählen, welche Komponenten in ihrem Projekt verwendet werden sollen.

Das Tischsystem und das responsive Design haben ein Layout mit einer Tabelle von 1170. Standardmäßig by Pixel breit. Alternativ kann sich der Entwickler für ein Layout mit variabler Breite entscheiden. Für beide Fälle bietet das Toolkit vier Varianten für unterschiedliche Auflösungen und Gerätetypen.

Bootstrap enthält mehrere JavaScript-Komponenten in Form von jQuery-Plugins. Diese bieten zusätzliche Elemente für die Benutzerumgebung, wie Dialogfelder, Tool-Tipps und Karussells. Sie erweitern auch die Funktionalität bestehender Elemente, wie beispielsweise die automatische Vervollständigung von Eingabefeldern.

Siehe auch

Verweise

  1. ↑Release 5.0.0-beta1 (12. Dezember 2020). Zugegriffen unter 7. Dezember 2020.
  2. ↑Bootstrap in A List Apart Nr. 342. Mark Otto (17. Januar 2012).
  3. ↑Bootstrap von Twitter. Entwickler-Blog. Twitter (19. August 2011).
  4. ↑Über. Bootstrap.
  5. ↑Begrüßen Sie Bootstrap 2.0. Entwickler-Blog. Twitter (31. Januar 2012).
  6. ↑Bootstrap 3 veröffentlicht. Der offizielle Bootstrap-Blog (19. August 2013).
  7. ↑(und) Mark Otto, Bootstrap 3.3.0 veröffentlicht. Bootstrap-Blog (29. Oktober 2014). Zugegriffen unter 16. März 2021.
  8. ↑(und) Mark Otto, Bootstrap 4 alpha. Bootstrap-Blog (19. August 2015).
  9. ↑(und) Mark Otto, Bootstrap-5-Alpha!. Bootstrap-Blog (16. Juni 2020). Zugegriffen unter 16. März 2021.
  10. ↑(und) Bootstrap 5 & Materialdesign 2.0. MDB - Materialdesign für Bootstrap. Zugegriffen unter 16. März 2021.
  11. ↑Unterstützte Browser. Bootstrap.

Externe Links

  • Bootstrap - Offizielle Website mit Dokumentation und Downloads
  • Bootstrap-Blog - Mark Otto .s offizieller Bootstrap-Blog
  • MDBootstrap - Bootstrap-Benutzeroberfläche, Seitenvorlagen, Layouts, Komponenten und Widgets