對於我給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
2
A
回答
6
你可以看到the Bootstrap grid documentation瞭解詳情,它們是否應該在本答覆之後的某個日期更新。
自舉列的類名的語法構造如下:
. {prefix} - {when to collapse} - {number of grid columns to occupy}
的prefix
在上面是col
,表明元件是自舉塔系統的一部分。
的when to collapse
選項(xs
,sm
,md
或lg
)指示在什麼寬度的列應停止顯示爲內插和摺疊被代替定位在彼此。
number of grid columns to occupy
指示可分類元素應該佔據整行的多大部分。整行由Bootstrap中的總共列組成。
的摺疊寬度當前定義如下:
xs
- 網格是在所有時間水平時,容器要稱作width: auto
,這意味着它會佔用所有當前可用的空間。sm
- 網格水平超過750px的寬度。md
- ibid(如前所述),但從970px。lg
- ibid,但從1170px。
不久說,不同的摺疊選項允許你在什麼寬度的佈局應崩潰定義:作爲一個簡單的解釋,在什麼窗口寬度的頁面(或類似) 應該顯示的移動視圖。
本回復開頭部分鏈接的文檔還提供了大量示例。
相關問題
- 1. 有什麼區別? :和||
- 2. &&和||有什麼區別?
- 3. 「/」和「/ *」有什麼區別?
- 4. 有什麼區別:。!和:r!?
- 5. ==和===有什麼區別?
- 6. Appender和〜有什麼區別?
- 7. $ @和$ *有什麼區別?
- 8. is和=有什麼區別?
- 9. #.00和#。##有什麼區別?
- 10. `==`和`is`有什麼區別?
- 11. '=='和'==='有什麼區別?
- 12. /和/#/有什麼區別?
- 13. | 0和~~有什麼區別?
- 14. `&`和`ref`有什麼區別?
- 15. ==和===有什麼區別?
- 16. ==和===有什麼區別?
- 17. `{}`和`[]`有什麼區別?
- 18. JavaScript和=== ===有什麼區別?
- 19. difftime和' - '有什麼區別?
- 20. =和==有什麼區別?
- 21. 有什麼區別`和$(Bash中有什麼區別?
- 22. Microsoft.AspNet.WebApi.OData和Microsoft.Data.OData和Microsoft.AspNet.OData有什麼區別?
- 23. xtype和別名有什麼區別?
- 24. Mixpanel:識別()和people.identify()有什麼區別?
- 25. Ruby win32api和win32ole有什麼區別?
- 26. wordpress中is_page()和is_paged()有什麼區別?
- 27. MySQL - GROUP BY和DISTINCT有什麼區別?
- 28. active python和python有什麼區別?
- 29. Java:StreamWriter和BufferWriter有什麼區別?
- 30. UIAlertActionStyleDestructive和UIAlertActionStyleCancel有什麼區別?
您需要閱讀'bootstrap'文檔。 http://getbootstrap.com/getting-started/。 – rockStar
您應該接受答案 – Sanuj
[Bootstrap中col-lg - \ *,col-md - \ *和col-sm - \ *有什麼不同?](https://stackoverflow.com/questions/19865158 /在col-lg-col-md-and-col-sm-in-bootstrap中有什麼區別) – JGallardo