2014-02-08 41 views
2

對於我給col-lg-4和col-Md-3和col-XS-2的字段大小,最後列大小隻有4,爲什麼我們需要col-MD-3和col-XS-2請解釋我...col-lg-4和col-md-3和col-xs-3有什麼區別?

texttext 1
+1

您需要閱讀'bootstrap'文檔。 http://getbootstrap.com/getting-started/。 – rockStar

+0

您應該接受答案 – Sanuj

+0

[Bootstrap中col-lg - \ *,col-md - \ *和col-sm - \ *有什麼不同?](https://stackoverflow.com/questions/19865158 /在col-lg-col-md-and-col-sm-in-bootstrap中有什麼區別) – JGallardo

回答

6

你可以看到the Bootstrap grid documentation瞭解詳情,它們是否應該在本答覆之後的某個日期更新。


自舉列的類名的語法構造如下:

. {prefix} - {when to collapse} - {number of grid columns to occupy} 

prefix在上面是col,表明元件是自舉塔系統的一部分。

when to collapse選項(xssmmdlg)指示在什麼寬度的列應停止顯示爲內插和摺疊被代替定位在彼此。

number of grid columns to occupy指示可分類元素應該佔據整行的多大部分。整行由Bootstrap中的總共列組成。

的摺疊寬度當前定義如下:

  • xs - 網格是在所有時間水平時,容器要稱作width: auto,這意味着它會佔用所有當前可用的空間。
  • sm - 網格水平超過750px的寬度。
  • md - ibid(如前所述),但從970px。
  • lg - ibid,但從1170px。

不久說,不同的摺疊選項允許你在什麼寬度的佈局應崩潰定義:作爲一個簡單的解釋,在什麼窗口寬度的頁面(或類似) 應該顯示的移動視圖。

本回復開頭部分鏈接的文檔還提供了大量示例。

+0

謝謝你...例如,如果我想讓我的頁面在桌面上查看,平板電腦,移動..因此,我必須給崩潰選項lg,md,sm..right ...請解釋我... – Pranalya

+0

您只能指定其中一個摺疊選項。定義的類指定了佈局應該回流的寬度。 – Nit

+0

好..我對此有清晰的認識... – Pranalya