Bootstrap 2和使用網格相比Bootstrap 3

Question

我剛剛繼承了一個不幸使用Bootstrap 2的項目，我習慣於使用Bootstrap 3，但從未使用過版本2。

我已經完成了一些關於差異的閱讀，據我所知，列使用span*工作，其中*表示您希望該元素跨越的列的數量。

但是我對你如何改變這種取決於你的不同的斷點混淆？

例如，在引導3，你可以這樣做：

col-sm-4 
col-md-8 

如何改變像在Bootstrap 2的元素嗎？

Answer 1

你不能！引導程序3.x網格系統對不同設備具有預定義的類別 - col-xs-*，.col-sm-*，.col-md-*和.col-lg-*。

引導2.x的都沒有。它有預定義類的一個系統中只有一個視製作：

標準的引導網格系統採用12列，使得對於未啓用響應功能 940px寬的容器。隨着 響應CSS文件添加，電網適應是724px和1170px寬 取決於你的視口。在767px以下的視口中，這些列將變爲流體並垂直疊加。

爲了實現引導2.x的行爲相同3.X你必須include bootstrap-responsive.css持有硬編碼.span寬度（以及更多）對不同的介質尺寸，實際上與col-xs-*等：

@media (min-width: 768px) and (max-width: 979px) { 
... 
    .span3 { 
    width: 166px; 
    } 
    .span2 { 
    width: 104px; 
    } 
    .span1 { 
    width: 42px; 
    } 
... 

所以在引導2.X .span1相同col-xs-1，.col-sm-1，.col-md-1和.col-lg-1根據檢視，如果你有bootstrap-responsive.css包括。