bootstrap grid的用法：首先使用container來包裹div；然后在div里面設置行；接著設置列能夠快速對這個框架進行搭建；最后通過拖拽瀏覽器來改變寬窄即可。

本文操作環境：Windows7系統、bootstrap3、Dell G3電腦。

bootstrap的grid怎么使用？

div使用container來包裹，然后在里面設置行，設置行后再設置列能夠快速對這個框架進行搭建

Hello, world!

第一列占1個md

這個是第二列 占 2 個md

最后一個md占9個列

保障總數為12個，通過拖拽瀏覽器改變寬窄可以看出變化。

此外屏幕大小也會影響，這個時候列的class也要使用大型的那個col，通過拖拽瀏覽器可以看出變化。

中型占6，大型占4

中型占6，大型占8

整個格柵大小分配.col-xs- 超小屏幕 手機 (<768px)

.col-sm- 小屏幕 平板 (≥768px)

.col-md- 中等屏幕 桌面顯示器 (≥992px)

.col-lg- 大屏幕 大桌面顯示器 (≥1200px)

總結

以上是生活随笔為你收集整理的bootstrap grid php,bootstrap grid用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。