六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 1240|回复: 0

bootstrap 2.3版与3.0版的使用区别

[复制链接]
 楼主| 发表于 2015-6-4 16:05:31 | 显示全部楼层 |阅读模式
bootstrap 2.3版与3.0版的使用区别
bootstrap已经推出了3.0的新版,看起来2.3.x版本也不会再更新了。那么bootstrap 2.3版与3.0版的区别在哪里呢?下面我们就来介绍一下。Bootstrap 3.0增加了一些新的特性,对于一些类也进行了调整……
bootstrap已经推出了3.0的新版,看起来2.3.x版本也不会再更新了。那么bootstrap 2.3版与3.0版的区别在哪里呢?下面我们就来介绍一下。
Bootstrap 3.0增加了一些新的特性,对于一些类也进行了调整。不过两个版本在使用的方法上是没什么大的区别的。
bootstrap 2.3版与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        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 (>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 3.0版删除的类

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摘自:http://www.weste.net/2013/8-20/93261.html


bootstrap 2.3版与3.0版的使用区别

该会员没有填写今日想说内容.
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表