2014-02-07 53 views
36

我與引導工作,但試圖瞭解跨度和列之間的差異之間的差異,什麼是引導跨度和列

例如

<div class="span4">...</div> 
or 
<div class="col-md-4"></div> 

什麼是它們之間的區別還是他們做同樣的事情?

+0

span4在舊bootstrap中,col-md-4在新 – Krzysiek

回答

45
<div class="span4">...</div> 

是舊的引導語法,直到version 2.3.2

<div class="col-md-4"></div> 

是引導version 3語法。

的主要區別是,新的引導是建立在「移動第一」的方法,而舊的一箇中使用的典型方法960gs構建網格和比有單獨處理的responsivness。

你現在有將不同的根據屏幕大小縮放元件4個不同的價值觀,並希望行爲:

.col-md-* 

span*等價,而:

.col-xs-* 
.col-sm-* 
.col-lg-* 

被用來解決在較小的設備元件的垂直疊加(使您能夠實現在默認情況下小屏幕設備三點欄佈局,而不必重寫引導缺省類用自己的)。

+3

此外,新網格有4種尺寸:http://bootply.com/bootstrap-3-migration-guide#migration – ZimSystem

+1

@Skelly - 即一個方便的鏈接,覆蓋了所有的它。 – easwee

0

跨度是在BS 2使用 - Scaffolding

列數在BS 3用於 - CSS

他們,對所有意圖和目的,同樣的事情。

+2

不,他們不是。 – easwee