bootstrap栅格布局

因为是使用bootstrap进行布局,所以我们要先将bootstrap的文件以及所依赖的js脚本引入到我们的html中
在这里插入图片描述第一我们设置一个12等分的盒子,一个div为8,一个为4.
在这里插入图片描述在这里插入图片描述然后将其划分为12个div为1的小格子
在这里插入图片描述在这里插入图片描述 第二是将其分成4、5、3列
在这里插入图片描述
在这里插入图片描述第三将其实现一个推拉的效果
在这里插入图片描述在这里插入图片描述第四,对格子进行嵌套
在这里插入图片描述在这里插入图片描述第五,偏移
在这里插入图片描述在这里插入图片描述在移动设备上看
在这里插入图片描述