Difference between version bootstrap2.3 and version 3.0

Source: Internet
Author: User
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/

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.