bootstrap柵格系統使用教程

下面小編給大家介紹一下，目前比較火的bootstrap框架里面的核心框架“柵格系統”怎么使用的，希望能幫到大家

東西/原料

1
起首領會下什么是bootstrap？它是一條目前端框架，本家兒要為領會決一套前端代碼，可以在多種設備上利用，電腦、平板、手機都可以自順應。
2
此中bootstrap中最焦點的結構就是“柵格系統”，本家兒要靠這一套法則，實現多端順應。本家兒要的焦點是把頁面一行分當作了12個格子，每個格子的前綴對應分歧屏幕寬度的樣式，詳情如下
3
下面來說說若何利用的，第一步就是引用bootstrap的css和js
4
然后加上container樣式，繼續在row樣式里面套col-md-1
5
這樣運行起來之后，就能發現頁面結構的結果了，屏幕巨細相關的顯示主動切換
6
總結
1、引用bootstrap的css和js
2、結構模式為：container>row>col-md-?
3、此中？代表1-12的數字