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的数字