介绍
小编给大家分享一下bootstrap2和3有什么区别,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
区别:1,Bootstrap3支持移动端优先,引导没有;2,bootstrap2采用渐变凹凸风格,Bootstrap3采用扁平化设计风格;3,Bootstrap3的浏览器兼容性方面比bootstrap2好。
做项目时,有时也会参考别的案例的优秀之处。在用引导的时候,发现很多项目代码都有区别,在& lt; div>布局类上,有用.span *,有用。col-md - *,实际上是引导版本升级,语法也变了。
<强> Bootstrap3中被修改的样式
引导2。xBootstrap 3. x <代码> .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 <代码> .alert-error <代码> .alert-danger <代码> .visible-phone <代码> .visible-xs <代码> .visible-tablet <代码> .visible-sm <代码>。visible-desktop> 。visible-md .visible-lg <代码> .hidden-phone <代码> .hidden-xs <代码> .hidden-tablet <代码> .hidden-sm <代码>。hidden-desktop> 。hidden-md .hidden-lg <代码> .input-small <代码> .input-sm <代码> .input-large <代码> .input-lg <代码> .control-group <代码> .form-group <代码> .checkbox。内联代码 <代码> .radio.inline <代码>。checkbox-inline <代码> .radio-inline <代码>。input-prepend <代码> .input-append <代码> .input-group <代码> .add-on <代码> .input-group-addon <代码> .img-polaroid <代码> .img-thumbnail <代码> ul.unstyled <代码> .list-unstyled <代码> ul.inline <代码> .list-inline <代码>。mute <代码> .text-muted <代码> .label <代码>。标签.label-default <代码> .label-important <代码> .label-danger <代码> .text-error <代码> .text-danger <代码>。表. error <代码>。表.danger <代码> . bar <代码> .progress-bar <代码> . bar - * <代码> .progress-bar - * <代码> .accordion <代码> .panel-group <代码> .accordion-group <代码>。面板.panel-default <代码> .accordion-heading <代码> .panel-heading <代码> .accordion-body <代码> .panel-collapse <代码> .accordion-inner <代码> .panel-body<强> Bootstrap3.x中新增的样式
页面元素描述电池板<代码>。面板.panel-default <代码>。panel-body <代码>。面板标题 <代码> .panel-heading <代码> .panel-footer <代码>。panel-collapse组<代码> 代码列表。代码清单组 <代码>。list-group-item <代码> .list-group-item-text <代码> .list-group-item-heading Glyphicons <代码> .glyphicon> 。超大> 。col-xs - * 小格子(≥768 px) <代码>。col-sm - * 介质网格(≥992 px) <代码>。col-md - * 大网格(≥1200 px) <代码>。col-lg - * 响应实用工具类(≥1200 px) <代码>。visible-lg <代码> .hidden-lg 抵消<代码>。col-sm-offset - * <代码>。col-md-offset - * <代码> .col-lg-offset - * <代码>。col-sm-push - * <代码>。col-md-push - * <代码> .col-lg-push - * <代码>。col-sm-pull - * <代码>。col-md-pull - * <代码>。col-lg-pull - * <代码> 输入组。input-group <代码>。input-group-addon <代码>。input-group-btn <代码> 表单控件。表单控件代码 <代码>。代码形式的班级bootstrap2和3有什么区别
