Bootstrap 响应式工具 栅格系统的使用--3

栅格系统之列偏移

使用.col-md-offset-*类可以将列向右侧偏移,这些类实际是通过使用**选择器为当前元素增加了左侧的边距
在这里插入图片描述如果没有则全部顶着左侧对齐
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述

列排序

在这里插入图片描述将右侧盒子拉到左侧 将左侧盒子推到右侧
pull 拉 push 推
原始:
在这里插入图片描述在这里插入图片描述排序后:
在这里插入图片描述在这里插入图片描述

响应式工具

在这里插入图片描述在类名后添加 进行隐藏操作

与之相反的是visible-xs visible-md visible-lg 是显示某个页面内容

栅格系统提前设置好了clearfix类(清除浮动) 可以直接使用

猜你喜欢

转载自blog.csdn.net/faith_girl/article/details/118079797