Vorheriger Artikel Nächster Artikel

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“

NEU: Lass dir diesen Artikel vorlesen
Ein Service von t3n, in Kooperation mit Narando.
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
Bootstrap für Designer: Bootsnipp liefert Design-Bausteine
Bootstrap für Designer: Bootsnipp liefert Design-Bausteine

„Lass uns noch schnell ein Drei-Level-Dropdown einbauen!“ Sätze wie diesen haben viele von uns schon mal gehört – gerade beim Prototyping. Bootsnipp könnte dieses Problem lösen, denn dort … » weiterlesen

Bootstrap/386: Umfangreiches Bootstrap-Theme im Retro-Look
Bootstrap/386: Umfangreiches Bootstrap-Theme im Retro-Look

Retro-Fetischisten und IT-Liebhaber könnten mit dem neuen „Bootstrap/386“-Theme voll auf ihre Kosten kommen. Damit sehen Webseiten aus wie klassische User-Interfaces in den 80er- und 90er-Jahren. » weiterlesen

Bootstrap 3.1 ist da: Wir zeigen euch die Neuerungen
Bootstrap 3.1 ist da: Wir zeigen euch die Neuerungen

Bootstrap 3.1 steht ab sofort zum Download bereit. Zu den neuen Features gehört unter anderem ein offizieller Sass-Port. » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen