t3n News Entwicklung

Bootstrap-3-Ausblick: Was die neue Version leisten kann

Bootstrap-3-Ausblick: Was die neue Version leisten kann

Die Veröffentlichung von 3 steht vor der Tür. Der RC2 des beliebten Frontend-Framework zeigt deutlich, wo die Reise hingehen soll.

Bootstrap-3-Ausblick: Was die neue Version leisten kann

Zwar hatte auch Bootstrap 2 bereits die notwendigen Mittel an Board, um responsive Webseiten zu erstellen,  die dritte Version folgt jedoch ganz dem Mobile-First-Prinzip. Hierfür müssen zukünftig also keine zusätzlichen Stylesheets mehr hinzugefügt werden.

Bootstrap 3: Die Parole lautet Mobile-First

Bootstrap 3: Ein Beispiel für responsives Webdesign. (Screensghots: Bootstrap)
Bootstrap 3: Ein Beispiel für responsives Webdesign. (Screenshots: Bootstrap)

So besteht beispielsweise das Grid-System nicht länger aus einem linearen Layout, das auf eine Spalte zusammen schrumpft. Vielmehr können es Nutzer je nach Größe des Displays variabel anpassen. So ließe sich ein 8-Spalten-Layout für Desktops entwerfen, welches auf einem Tablet zu einem Layout aus zwei Zeilen zu je vier Spalten wird, und auf einem Smartphone zu einer einzigen Spalte. Vordefinierte Klassen sollen die Erstellung so einfach wie möglich machen. Ab RC2 gibt es vier statt drei Abstufungen – für Smartphones, Tablets, Desktops und große Desktops.

Die bekannten Glyphicons liegen seit RC1 als Web-Fonts vor. Bisher waren die Icons im PNG-Format Teil des . Darüber hinaus wurde in RC2 noch einmal an den Formularfeldern geschraubt. Der Syntax zur Ausrichtung und Größe soll jetzt konsistenter und flexibler sein.

Boostrap 3 RC 2: Das Grid-System bietet vier Stufen. (Screenshot: Bootstrap)
Boostrap 3 RC2: Das Grid-System bietet vier Stufen. (Screenshot: Bootstrap)

Bootstrap 3 RC2 ist jetzt verfügbar

Bootstrap ist ein Frontend-Framework und wurde von Twitter entwickelt. Ziel war es, die interne Entwicklung beim Micro-Blogging-Dienst zu vereinheitlichen. Im Jahr 2011 wurde das Framework unter einer Open-Source-Lizenz veröffentlicht. Seitdem entwickelte es sich zu einem der beliebtesten Web-Frameworks überhaupt und wird von unzähligen Projekten verwendet.

Bootstrap 3 RC2 könnt ihr hier runterladen.

Weiterführende Links zum Thema „Bootstrap“

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
5 Antworten
  1. von Heiko am 14.08.2013 (14:44 Uhr)

    Und was ist jetzt neu? Bootstrap RC1 wurde ja schon vor fast zwei Monaten released.

    Antworten Teilen
  2. von Sascha am 15.08.2013 (11:41 Uhr)

    Auch in der Version 2.3.2, die noch zum Download (http://getbootstrap.com/2.3.2/customize.html) bereit steht, gab es schon vier Abstufungen:
    "Narrow tablets and below (1200px)"

    Antworten Teilen
  3. von Sascha am 15.08.2013 (11:43 Uhr)

    Mist, mein letzter Post wurde zerschnitten...
    Hier nochmal die alten Abstufungen.
    Narrow tablets and below (kleiner 767px)
    Tablets to desktops (767-979px)
    Default dazwischen
    Large desktops größer1200px)

    Antworten Teilen
  4. von Roman am 16.08.2013 (09:58 Uhr)

    Schön wäre eine Gegenüberstellung, die herausstellt, was sich nun genau beim Umstieg von 2 auf 3 ändert und was die Vorteile sind.

    Antworten Teilen
  5. von Daniel am 20.08.2013 (17:10 Uhr)

    "Vielmehr können es Nutzer je nach Größe des Displays variabel anpassen. So ließe sich ein 8-Spalten-Layout für Desktops entwerfen, welches auf einem Tablet zu einem Layout aus zwei Zeilen zu je vier Spalten wird, und auf einem Smartphone zu einer einzigen Spalte. "

    Wie stellt man das an? Gibt es da eine Demo?

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Twitter Bootstrap
Spectre.css: Macht das neue Framework Bootstrap und Co. Konkurrenz?
Spectre.css: Macht das neue Framework Bootstrap und Co. Konkurrenz?

Das neue Framework Spectre.css soll eine Menge cooler Möglichkeiten mitbringen. Wir stellen es euch vor und verraten, was hinter dem neuen Framework steckt. » weiterlesen

Bootstrap-Alternativen: 6 Lightweight-Frameworks für kleine Web-Projekte
Bootstrap-Alternativen: 6 Lightweight-Frameworks für kleine Web-Projekte

Bootstrap ist umfangreich und bietet viele Funktionen und Lösungen, um eine Webseite gut umzusetzen. Doch nicht immer ist „mehr“ auch „besser“. Wir stellen euch deshalb unsere liebsten … » weiterlesen

Bootstrap: Mit diesen 15 Tools und Erweiterungen holst du mehr aus Twitters Framework raus
Bootstrap: Mit diesen 15 Tools und Erweiterungen holst du mehr aus Twitters Framework raus

Bootstrap 3 von Twitter bietet eine ausgezeichnete Grundlage für die Webentwicklung. Wir stellen euch zehn Tools und Erweiterungen vor, mit denen ihr noch mehr aus der aktuellen Version rausholt. » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?