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“

Hänge dich jetzt an unsere Facebook-Seite und sichere dir deinen #Wissensvorsprung!
t3n gefällt mir!
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: 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

Kostenlose Bootstrap-Themes für jeden Anlass: Das sind die besten Quellen im Netz
Kostenlose Bootstrap-Themes für jeden Anlass: Das sind die besten Quellen im Netz

Twitters Bootstrap ist eines der am häufigsten genutzten CSS-Frameworks der Welt. In diesem Artikel zeigen wir euch, wo ihr die besten kostenlosen Bootstrap-Themes im Web findet. » weiterlesen

Rank und schlank: PurifyCSS macht dein CSS fit
Rank und schlank: PurifyCSS macht dein CSS fit

PurifyCSS erkennt ungenutztes CSS und sorgt für satte Ersparnis bei der Zeichenanzahl. Damit bleibt das CSS sauber. » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?

t3n 40 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen