Bootstrap

Bootstrap

Copyright ┬ę Shutterstock / MIND AND I

Was bedeutet Bootstrap?

Definition

Bootstrap ist ein beliebtes Fundament (Framework) f├╝r die Entwicklung von Webanwendungen, mit dem Entwickler und Designer schnell Websites erstellen k├Ânnen, deren Darstellung sich den jeweiligen Display-Dimensionen anpasst.

Das Framework enth├Ąlt globale, einheitliche Stil-Definitionen und erweiterbare HTML-Bausteine in Form von Typografie, Navigation, Schaltfl├Ąchen und weiteren Elementen. Die beliebte Code-Sammlung wurde von Twitter zum Zwecke der schnelleren Erstellung von anpassungsf├Ąhigen Web-Anwendungen und Apps erstellt. Anpassungsf├Ąhig (Responsive) bedeutet hier etwa soviel wie “Layout und Design abh├Ąngig vom Viewport (Display) des jeweiligen Anwenders in geeigneter Weise pr├Ąsentieren”. Bootstrap basiert im Hintergrund auf den Web-Technologien und -Konzepten CSS, Javascript und jQuery um Stile, Effekte und Aktionen f├╝r HTML-Elemente bereitzustellen.

Effiziente Entwicklung von Webanwendungen mit Bootstrap

CSS ist eine Art der Beschreibung des Aussehens von Webseitenelementen und erm├Âglicht das Erstellen von Stil-Klassen, die Webseitenelementen zugewiesen werden k├Ânnen. Bootstrap vereinfacht das Entwerfen von Webanwendungen, da lediglich eine Anzahl Dateien in die Webanwendung eingebunden werden m├╝ssen. Danach k├Ânnen die im Framework vordefinierten Klassennamen verwendet werden. Diese werden dann automatisch durch Bootstrap formatiert und sind so konzipiert, dass Webseiten, die auf dem Framework aufsetzen, auf die physikalischen Besonderheiten zugreifender Ger├Ąte reagieren und die Darstellung entsprechend der Display-Dimensionen angepasst wird. Bootstrap erspart Entwicklern die Arbeit, viel CSS-Code zu schreiben, und reduziert insgesamt die Zeit, die f├╝r den Entwurf von Webseiten aufgewendet werden muss.

Das Layout-Grundprinzip des UI-Frameworks ist einfach: Man zeichnet quasi ein Feld (eine Zeile oder einen Container) und erstellt darin dann Spalten unterschiedlicher Gr├Â├če, um festzulegen, wie viel Platz diese Elemente in dieser Zeile anteilig einnehmen sollen. Im Anschluss werden beliebige HTML-Elemente in die Spalten eingef├╝gt. Bootstrap verf├╝gt ├╝ber 12 vordefinierte Spaltenstrukturen f├╝r jede Seitengr├Â├če, um die darin enthaltenen HTML-Boxen (Elemente) daran auszurichten. Wie bei allen derartigen Frameworks gibt es auch bei Bootstrap Kritikpunkte. Der wichtigste ist, dass Bootstrap-Websites dazu neigen, alle bis zu einem gewissen Grad ├Ąhnlich auszusehen – sofern keinerlei ├änderungen an den Standard-Designs und -Komponenten vorgenommen werden.

Ursprung als Twitter Blueprint f├╝r Webanwendungen

Urspr├╝nglich wurde Bootstrap lediglich von einem Designer und einem Entwickler bei Twitter entwickelt – inzwischen hat es sich zu einem der beliebtesten Web-Frameworks und Open-Source-Projekte der Welt entwickelt. Es wurde bei Twitter Mitte 2010 von @mdo und @fat erstellt. Als das Projekt noch nicht ver├Âffentlicht war und zu einem der beliebtesten Open-Source Frameworks wurde, wurde die Bibliothek intern zun├Ąchst als Twitter Blueprint bezeichnet. Nach einiger Zeit der internen Weiterentwicklung veranstaltete Twitter seine erste Hack-Woche und das Projekt explodierte regelrecht, als Entwickler aller Qualifikationen anfingen beizutragen, ohne dass irgendeine Art von externer F├╝hrung dies veranlasst hatte. Das heutige Framework diente vor seiner Ver├Âffentlichung bereits seit ├╝ber einem Jahr als interner Styleguide f├╝r die Entwicklung von Tools im Unternehmen und wird dies vermutlich auch heute noch tun.

Urspr├╝nglich ver├Âffentlicht am 19. August 2011, folgten seitdem ├╝ber zwanzig Releases, darunter mit v2 und v3 auch zwei gro├če Neufassungen. Mit Version 2 wurde dem gesamten Framework als optionales Stylesheet responsive Funktionalit├Ąt hinzugef├╝gt. Darauf aufbauend wurde die Bibliothek mit BS v3 neu geschrieben, um diese Flexibilit├Ąt als zentrales Element im Projekt zu verankern. Mit Version 4 wurde das Projekt erneut umgeschrieben, um zwei wichtige ├änderungen in der Architektur zu implementieren.

Ziel

Das erkl├Ąrte Ziel des Projekts ist es bis heute, die Webentwicklungs-Community in kleinen Schritten voranzutreiben, indem auf neuere CSS-Eigenschaften, weniger Abh├Ąngigkeiten und die Implementierung neuer Technologien in modernen Browsern gesetzt wird.


Sie haben noch Fragen?

Kontaktieren Sie uns

Kostenloser SEO-Check der OSG


Weitere Inhalte