布局容器
container类
响应式布局容器 固定宽度
屏幕>=1200px宽度为1170px
屏幕>=992px宽度为970px
屏幕>=768px宽度为750px
container-fluid类
流式布局容器 百分百宽度 适合移动端开发
栅格系统12列 注意:
行必须放到container布局容器里面
一个盒子可以添加多个类名
做列嵌套最好加一个行 row 可以取消父元素的padding值 行高和父级一致
如份数大于12,多余的一列会另起一行显示 等于12,充满container小于12 会出现空白
实现列的平均划分,需要给列添加类前缀
col-xs超小屏幕<768px(手机)
col-sm小屏设备>=768px(平板)
col-md 中等屏幕 >=992px(桌面显示器)
col-lg宽屏设备 >=1200px(大桌面显示器)
列偏移 offset
列向右偏移
列排序 pull拉往左侧拉
push 推 往右侧推
响应式工具【bootstrap 列偏移 列排序 兼容引入 字体图标组件的使用】hidden-屏幕宽度
visible-屏幕宽度
兼容引入
'
字体图标 在对应的文档中,找自己要的图标,复制类名,给需要的元素
推荐阅读
- 笔记|如何在Windows11安装安卓子系统()
- 笔记|C语言数据结构——二叉树的顺序存储和二叉树的遍历
- 2021年下半年《信息系统项目管理师》真题
- 个人理解|【C语言基础之类型转换】
- 学习分享|【C语言函数基础】
- 个人理解|【C语言实现井字棋及电脑落子优化】
- Python|蓝桥杯 平面切割 Python
- Python|Python 每日一练 二分查找 搜索旋转排序数组 详解
- 笔记|这是一个关于face_recognition和dlib库的安装(亲测有用,毕竟我代码都写出来了)
- 信令模式与非信令模式