bootstrap栅格系统使用教程

工具/原料

• vs2015、win7、bootstrap

方式/步骤

1. 1

   首先领会下什么是bootstrap？它是一条目前端框架，本家儿要为领会决一套前端代码，可以在多种设备上利用，电脑、平板、手机都可以自顺应。
   

   
2. 2

   此中bootstrap中最焦点的结构就是“栅格系统”，本家儿要靠这一套法则，实现多端顺应。本家儿要的焦点是把页面一行分当作了12个格子，每个格子的前缀对应分歧屏幕宽度的样式，详情如下
   

   
3. 3

   下面来说说如何利用的，第一步就是引用bootstrap的css和js
   

   
4. 4

   然后加上container样式，继续在row样式里面套col-md-1

   
5. 5

   这样运行起来之后，就能发现页面结构的结果了，屏幕大小相关的显示主动切换
   

   
6. 6

   总结

   1、引用bootstrap的css和js

   2、结构模式为：container>row>col-md-?

   3、此中？代表1-12的数字