Webdesign: Wechsel von Bootstrap 2.x auf Bootstrap 3.0


Bootstrap ist ein kostenloses Framework bzw. eine kostenlose Vorlage für Webseiten. Nun ist die neue Version 3.0 erschienen.

Das Template wurde komplett neu geschrieben. Unter anderem wurden neue Icons, Panels und Listengruppen hinzugefügt. Das Aussehen hat sich natürlich auch verändert: Das Template lässt sich nun noch besser auf mobilen Geräten nutzen!

Wechsel von 2.x auf 3.0

Habt ihr schon Bootstrap 2.x bei einer Webseite in Verwendung? Dann solltet ihr folgendes beachten:

Ihr könnt nun auch neuere Features einbauen, solltet aber nicht mehr unterstützte Funktionen (Submenüs, Accordion etc.) entfernen.

Einige Klassen wurden umbenannt:

Bootstrap 2.x Bootstrap 3.0
.container-fluid .container
.row-fluid .row
.span* .col-md-*
.offset* .col-md-offset-*
.brand .navbar-brand
.nav-collapse .navbar-collapse
.nav-toggle .navbar-toggle
.btn-navbar .navbar-btn
.hero-unit .jumbotron
.icon-* .glyphicon .glyphicon-*
.btn .btn .btn-default
.btn-mini .btn-xs
.btn-small .btn-sm
.btn-large .btn-lg
.visible-phone .visible-sm
.visible-tablet .visible-md
.visible-desktop .visible-lg
.hidden-phone .hidden-sm
.hidden-tablet .hidden-md
.hidden-desktop .hidden-lg
.input-small .input-sm
.input-large .input-lg
.checkbox.inline .radio.inline .checkbox-inline .radio-inline
.input-prepend .input-append .input-group
.add-on .input-group-addon
.thumbnail .img-thumbnail
ul.unstyled .list-unstyled
ul.inline .list-inline

Weitere Informationen erhaltet ihr hier.