Bootstrap has launched a new version of 3.0, which does not seem to be updated in version 2.3.x. So what is the difference between bootstrap2.3 and 3.0? Next we will introduce it. Bootstrap3.0 adds some new features and also adjusts some classes. However, there is no major difference between the two versions in terms of the method used. Bootstrap
Bootstrap has launched a new version of 3.0, which does not seem to be updated in version 2.3.x. So what is the difference between bootstrap 2.3 and 3.0? Next we will introduce it. Bootstrap 3.0 adds some new features and also adjusts some classes. However, there is no major difference between the two versions in terms of the method used. Bootstrap
Bootstrap has launched a new version of 3.0, which does not seem to be updated in version 2.3.x. So what is the difference between bootstrap 2.3 and 3.0? Next we will introduce it.
Bootstrap 3.0 adds some new features and also adjusts some classes. However, there is no major difference between the two versions in terms of the method used.
Comparison of major classes in bootstrap 2.3 and 3.0:
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 |
Newly Added classes in bootstrap 3.0
Element |
Description |
Panels |
. Panel. panel-default. panel-body. panel-title. panel-heading. panel-footer. panel-collapse |
List groups |
. List-group. list-group-item. list-group-item-text. list-group-item-heading |
Glyphicons |
. Glyphicon |
Jumbotron |
. Jumbotron |
Tiny grid (<768 px) |
. Col-xs -* |
Small grid (& gt; 768 px) |
. Col-sm -* |
Medium grid (& gt; 992 px) |
. Col-md -* |
Large grid (& gt; 1200 px) |
. Col-lg -* |
Offsets |
. Col-sm-offset-*. col-md-offset-*. col-lg-offset -* |
Push |
. Col-sm-push-*. col-md-push-*. col-lg-push -* |
Pull |
. Col-sm-pull-*. col-md-pull-*. col-lg-pull -* |
Input groups |
. Input-group. input-group-addon. input-group-btn |
Form controls |
. Form-control. form-group |
Button group sizes |
. Btn-group-xs. btn-group-sm. btn-group-lg |
Navbar text |
. Navbar-text |
Navbar header |
. Navbar-header |
Justified tabs/pills |
. Nav-justified |
Responsive images |
. Img-responsive |
Contextual table rows |
. Success. danger. warning. active |
Contextual panels |
. Panel-success. panel-danger. panel-warning. panel-info |
Modal |
. Modal-dialog. modal-content |
Thumbnail image |
. Img-thumbnail |
Well sizes |
. Well-sm. well-lg |
Alert links |
. Alert-link |
Classes deleted by bootstrap 3.0
Element |
Removed from 2.x |
3.0 Equivalent |
Form actions |
. Form-actions |
N/ |
Search form |
. Form-search |
N/ |
Fluid container |
. Container-fluid |
. Container (no more fixed grid) |
Fluid row |
. Row-fluid |
. Row (no more fixed grid) |
Navbar inner |
. Navbar-inner |
N/ |
Dropdown submenu |
. Dropdown-submenu |
N/ |
Tab alignments |
. Tabs-left. tabs-right. tabs-below |
N/ |