Drücke die Tasten ◄ ► für weitere Artikel  

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

Die Veröffentlichung von Bootstrap 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 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“

132 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
11 Antworten
  1. von Heiko am 14.08.2013 (14:44Uhr)

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

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

    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)"

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

    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)

  4. von NitrOlympX gibt im Internet Vollgas mit… am 15.08.2013 (21:26Uhr)

    […] Bootstrap-3-Ausblick: Was die neue Version leisten kann Hierfür müssen zukünftig also keine zusätzlichen Stylesheets mehr hinzugefügt werden. Bootstrap 3: Die Parole lautet Mobile-First. bootstrap 3 navbar beispiel Bootstrap 3: Ein Beispiel für responsives Webdesign. (Screenshots: Bootstrap). Mehr zum Thema … Read more on t3n Magazin […]

  5. von Anleitung: So baust du eine Landingpage… am 16.08.2013 (08:00Uhr)

    […] Frontend-Framework Bootstrap wurde von Twitter entwickelt, um die interne Entwicklung beim Micro-Blogging-Dienst zu […]

  6. von Roman am 16.08.2013 (09:58Uhr)

    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.

  7. von Bootstrap-3-Ausblick: Was die neue Versi… am 17.08.2013 (12:10Uhr)

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

  8. von InK: Einfaches Interface-Kit à la Boots… am 20.08.2013 (07:00Uhr)

    […] Eine extreme Ähnlichkeit zu Bootstrap kann InK nicht abstreiten. Trotzdem bietet das Framework eine andere Herangehensweise als der jüngst veröffentlichte Release Canditate 2 von Twitters Bootstrap 3. […]

  9. von Bootstrap 3 ist da » t3n am 20.08.2013 (10:26Uhr)

    […] Bootstrap-3-Ausblick: Was die neue Version leisten kann – t3n News […]

  10. von Daniel am 20.08.2013 (17:10Uhr)

    "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?

  11. von Lesezeit #12 - Wir Seite am 04.02.2014 (16:48Uhr)

    […] Boostrap 3 kommt […]

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 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

Bootstrap: Mit diesen 10 Tools und Erweiterungen holst du mehr aus Twitters Framework raus
Bootstrap: Mit diesen 10 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

Bootstrap 3 vs. Foundation 5: Die Top-Frameworks im ersten Vergleich
Bootstrap 3 vs. Foundation 5: Die Top-Frameworks im ersten Vergleich

Heute zeigen wir euch, was die größten Unterschiede dieser beiden Frameworks sind. Im kommenden „Bootstrap 3 vs. Foundation 5“-Teil zeigen wir euch, wie sich die Frameworks im „Prototyping“ ... » weiterlesen

Kennst Du schon unser t3n Magazin?

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