Bootstrap

Einfach erklärt ist Bootstrap in der IT-Welt ein Open Source Frontend Framework, mit dem man Websites und Webanwendungen erstellen kann. Mark Otto und Jacob Thornton haben Bootstrap bei Twitter entwickelt, um die Konsistenz der verwendeten Werkzeuge zu verbessern und den Wartungsaufwand zu verringern.

Das Bootstrap-Framework baut auf HTML, CSS und JavaScript auf, um die Entwicklung von reaktionsschnellen, mobilen Anwendungen zu erleichtern.

1. Reaktionsschnelles Grid
Bootstrap wird mit einem eigenen vordefinierten Grid-System geliefert. Das spart Entwicklungszeit, da Sie direkt damit starten können die Container mit Inhalt füllen. Darüber hinaus ist das Erstellen von benutzerdefinierten Breakpoints extrem leicht. Sie können auch einfach bei der Standardeinstellung bleiben, da sie möglicherweise bereits die Anforderungen Ihrer Website erfüllt.

2. Automatisch responsive Bildelemente
Es gibt einen eigenen Code zur automatischen Größenänderung von Bildern basierend auf der aktuellen Bildschirmgröße. Mit der .img-responsive Class wird auf die vordefinierten CSS-Regeln zurückgegriffen. Darüber hinaus können beispielsweise mit der .img-circle und.img-rounded Class Bildformen automatisch verändert werden.

3. Vielzahl an Standardelementen
Bootstrap wird mit einer ganzen Reihe von Komponenten geliefert, die Sie ganz einfach auf Ihrer Webseite verwenden können, darunter:
• Navigationsleisten
• Dropdowns
• Fortschrittsbalken
• Miniaturansichten
Diese Elemente sind auch responsiv und passen sich automatisch dem Endgerät und der Bildschirmgröße an.

4. Viele weitere Funktionen mit JavaScript
Entwicklern können über ein Dutzend benutzerdefinierter JQuery-Plugins nutzen. Diese Bibliothek bietet Ihnen noch mehr Spielraum für Interaktivität und bietet einfache Lösungen für modale Popups, Übergänge oder Bildkarussells.

5. Umfangreiche Dokumentation
Die Dokumentation auf der Bootstrap-Website enthält ausführliche Beschreibungen und Erklärungen zu jedem Code. Es gibt zahlreiche Codebeispiele für die grundlegende Implementierung, wodurch der Prozess selbst für Anfänger vereinfacht wird.

6. Starke Community
Wie bei so vielen Open-Source-Projekten gibt es eine große Community von Designern und Entwicklern. Das Hosten auf GitHub macht es Entwicklern leicht, die Codebasis von Bootstrap zu ändern und zu dieser beizutragen. So gibt es eine aktive Twitter-Seite, einen Bootstrap-Blog und sogar einen eigenen Slack-Raum. Dadurch wir das Einholen von Ratschlägen innerhalb der Gemeinschaft sehr erleichtert

7. Viele externe Templates
Es gibt zahlreiche Vorlagen, die den Entwicklungsprozess noch weiter zu beschleunigen. Einige dieser Templates finden Sie hier W3Schools‘ Bootstrap Templates.

Neben all diesen Vorteilen gibt es auch Nachteile. Einer der Hauptkritikpunkte an dieser Art von Frameworks ist die Dateigröße. Diese kann Ihre Anwendung beim ersten Laden verlangsamen. Um das zu vermeiden, sollten nur die Funktionen verwendet und heruntergeladen werden, die wirklich notwendig sind.

Auch bei Wilde-IT setzen wir Open Source Frameworks für die Frontend Entwicklung ein. Ob Bootstrap, React, Angular oder Flatter wir unterstützen unsere Kunden stets mit dem Framework, welches zum entsprechenden Anwendungsfall passt.