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.3版與3.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位版、debug版與release版(相容MinGW、TDM-GCC)
為了適應現在越來越流行的64位系統,經常需要將程式碼分別編譯為32位版和64位版。其次,除了需要生成debug版用於開發測試外,還需要生成release版用於釋出。本文介紹瞭如何利用makefile條件編譯來生成這些版本,而且不僅相容Linux下的GCC,還支援MinGW、TDM-GCC等Windows
QT入門系列(2) MinGW與MSVC編譯的區別
在上一篇教程《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.0與10.0的區別
10.0的話,語法有相當大的改變,此外相對於6.0在做IFFT的時候還要提前設定scale因子,一般為1/n. 1. 在6.0中,申請3*n大小的變數wsave,然後進行傅立葉變換即可: CFFT1DC(rr, ri, n, 0, wsave);
關於OAuth以及OAuth1.0與OAuth2.0的區別
一、 Oauth的概念 Oauth的官方簡介是: An open protocol to allow secure API authorization in a simple andstandard method from web, mobile and des
CSS —— 元素hidden與opacity=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版把一些後來買的、看的書添補進來,又或刪掉或降級一