Bootstrap version 2.3 and version 3.0 use difference

Bootstrap version 2.3 and version 3.0 use difference

Bootstrap has released a new version of 3.0, and it looks like the 2.3.x will not be updated. So what's the difference between Bootstrap 2.3 and version 3.0? Let's take a look at this.

Bootstrap 3.0 adds some new features and also adjusts for some classes. However, there is no big difference between the two versions of the methods used.

Bootstrap version 2.3 vs. 3.0 Important class changes:

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

Bootstrap new class for version 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 (>768 px)	. col-sm-*
Medium grid (>992 px)	. col-md-*
Large grid (>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

Bootstrap version 3.0 deleted classes

Element	removed from 2.x	3.0 equivalent
Form actions	. form-actions	N/A
Search form	. form-search	N/A
Fluid container	. container-fluid	. container (no more fixed grid)
Fluid row	. row-fluid	. row (no more fixed grid)
Navbar Inner	. Navbar-inner	N/A
Dropdown submenu	. dropdown-submenu	N/A
Tab alignments	. tabs-left. Tabs-right. Tabs-below	N/A

Also, the usual icons indicate

http://marcoceppi.github.io/bootstrap-glyphicons/

Http://bootstrap.ninghao.net/scaffolding.html#global

Http://www.runoob.com/bootstrap/bootstrap-v2-icons.html

Bootstrap version 2.3 and version 3.0 use difference