1. 程式人生 > >bootstrap 2.3版與3.0版的使用區別

bootstrap 2.3版與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

相關推薦

bootstrap 2.33.0的使用區別

bootstrap已經推出了3.0的新版,看起來2.3.x版本也不會再更新了。那麼bootstrap 2.3版與3.0版的區別在哪裡呢?下面我們就來介紹一下。 Bootstrap 3.0增加了一些新的特性,對於一些類也進行了調整。不過兩個版本在使用的方法上是沒什麼大的區別的。 bootstrap 2.

CentOS7.5搭建Solr7.4.0單機集群

resources ren 設置 ima -s and tar json 嘗試 一.Solr安裝環境 1.官方參考文檔 Solr教程參考指南:http://lucene.apache.org/solr/guide/7_4/solr-tutorial.html 2.So

Python 2.7版本3.6的不同

許多Python初學者都會問:我應該學習哪個版本的Python。對於這個問題,我的回答通常是“先選擇一個最適合你的Python教程,教程中使用哪個版本的Python,你就用那個版本。等學得差不多了,再來研究不同版本之間的差別”。 許多Python初學者都會問:我應該學習哪

何時GC的2種判定3種GC演算法

1.在JDK1.2之前,使用的是引用計數器演算法,即當這個類被載入到記憶體之後,就會產生方法區,堆疊、程式計數 器等一系列資訊,當建立物件的時候,為這個物件在堆疊空間中分配物件,同時會產生一個引用計數器,同時引 用計數器+1,當有新的引用時,引用計數器繼續+1,而當其中一個

「Splay」指針數組模板

span clu 子節點 簡單 print div 自己 truct return splay總是多打打就熟了,先把板子貼在這裏方便查看 Splay的思想還是很簡單的,反正就是把每次查詢到的都splay到根,維護動態平衡 插入的時候就找到位置,splay到根 刪除是最

spring整合redis單機redis叢集

前言: 有時候我們部署了叢集版的redis,還希望開發的時候使用單機版(畢竟省事兒),但是比較常用的Java客戶端(Jedis和Lettuce)的單機和叢集api是不統一的。經過調研,發現spring-data-redis可以實現這個需求,本文就是將spring-data-

PMBOK指南第六第五區別在哪裡?

     pmp認證官方教材更新為第六版,《PMBOK指南》第六版相較《PMBOK指南》第五版,發生了一些新的變化。這些新變化反映了專案管理作為一門專業學科的發展趨勢,同時對廣大專案管理從業者來說也提出了新的要求,下面我們就來說說,發生了那些重點變化。 主要變化:    

GCC 64位程式的makefile條件編譯心得——32位64位、debugrelease(相容MinGW、TDM-GCC)

  為了適應現在越來越流行的64位系統,經常需要將程式碼分別編譯為32位版和64位版。其次,除了需要生成debug版用於開發測試外,還需要生成release版用於釋出。本文介紹瞭如何利用makefile條件編譯來生成這些版本,而且不僅相容Linux下的GCC,還支援MinGW、TDM-GCC等Windows

QT入門系列(2) MinGWMSVC編譯的區別

                        在上一篇教程《Q

WPF依賴屬性(續)(2)依賴屬性附加屬性的區別

原文: WPF依賴屬性(續)(2)依賴屬性與附加屬性的區別        接上篇,感謝各位的評論,都是認為依賴屬性的設計並不是為了節省記憶體,從大的方面而講是如此.樣式,資料繫結,動畫樣樣都離不開它.這篇我們來看下依賴屬性與附加屬性的區別. 註冊方法

判斷語句內 i=0 i==0區別

int MainPageDemo() {     int ch;     scanf("%d",&ch);     return ch; } int main() {     int *p;   &

Intel FFT library 6.010.0區別

10.0的話,語法有相當大的改變,此外相對於6.0在做IFFT的時候還要提前設定scale因子,一般為1/n. 1.   在6.0中,申請3*n大小的變數wsave,然後進行傅立葉變換即可:       CFFT1DC(rr, ri, n, 0, wsave);     

關於OAuth以及OAuth1.0OAuth2.0區別

一、       Oauth的概念 Oauth的官方簡介是: An open protocol to allow secure API authorization in a simple andstandard method from web, mobile and des

CSS —— 元素hiddenopacity=0區別

之前除錯頁面時偶然發現,hidden與opacity看似都不可見,但實有區別: visibility:hidden則相當於完全從文件流中刪除了該元素,但所佔據的尺寸仍然保留。 opacity:0則僅僅

《實用電子元器件電路基礎》 原書中文第3+第2+英文第4等5本書 (美)舍茨(美)莫克著

資源連結:https://pan.baidu.com/s/1TOpfjWyodb9Cqe3kybW1iw分享電路設計重要參考資料5本:《實用電子元器件與電路基礎 原書第3版 (美)舍茨,莫克著》《實用電子元器件與電路基礎 原書第2版》《Practical Electronics for Inventors 1

《計算機演算法設計分析 第2+第3+第4 (王曉東) 》原書附答案pdf電子書附下載連結+30個總結JVM虛擬機器的技術文排版好(收藏版)

技術書閱讀方法論 一.速讀一遍(最好在1~2天內完成) 人的大腦記憶力有限,在一天內快速看完一本書會在大腦裡留下深刻印象,對於之後複習以及總結都會有特別好的作用。 對於每一章的知識,先閱讀標題,弄懂大概講的是什麼主題,再去快速看一遍,不懂也沒有關係,但是一定要在不懂的

ArcGIS Enterprise 10.5.1 靜默安裝部署記錄(Centos 7.2 minimal)- 3、安裝 ArcGIS for Server

切換 驗證 裝包 start dap sof 訪問權限 tar 服務 安裝ArcGIS for Server 解壓server安裝包,tar -xzvf ArcGIS_Server_Linux_1051_156429.tar.gz 切換到arcgis賬戶靜默安裝serv

國內各大互聯網公司相關技術博客3.0 (集合騰訊、阿裏、百度、搜狐、新浪、網易、360等共29個)

hive 時間 視覺 阿裏媽媽 數據可視化 發的 電商 領域 事業 在2013-07-15 整理了一份國內各大互聯網公司相關技術站點2.0版 (集合騰訊、阿裏、百度、搜狐、新浪、360等共49個) 近日重新整理了一番,希望能對大家有所幫助 2013年 騰訊系列(13) 阿

5.0助手函數及3.2版本的單字母函數對比

導入 ESS 管理 調試 輸入數據 ont http t對象 狀態碼 5.0助手函數 助手函數描述 abort 中斷執行並發送HTTP狀態碼 action 調用控制器類的操作 cache 緩存管理 config 獲取和設置配置參數 controll

我的Java後端書架 (2016年暮春3.0)

轉自:http://calvin1978.blogcn.com/articles/javabookshelf.html    江南白衣,公眾號:春天的旁邊   書架主要針對Java後端開發。 3.0版把一些後來買的、看的書添補進來,又或刪掉或降級一