发表于： 2018-10-29 16:11:39
1 661
今天完成的事情：
学习bootstrap4.0，Bootstrap4 是 Bootstrap 的最新版本，Bootstrap4 放弃了对 IE8 以及 iOS 6 的支持，现在仅仅支持 IE9 以上 以及 iOS 7 以上版本的浏览器。
1、网格系统：
| 超小设备 <576px | 平板 ≥576px | 桌面显示器 ≥768px | 大桌面显示器 ≥992px | 超大桌面显示器 ≥1200px | |
|---|---|---|---|---|---|
| 容器最大宽度 | None (auto) | 540px | 720px | 960px | 1140px |
| 类前缀 | .col- | .col-sm- | .col-md- | .col-lg- | .col-xl- |
| 列数量和 | 12 | ||||
| 间隙宽度 | 30px （一个列的每边分别 15px） | ||||
| 可嵌套 | Yes | ||||
| 列排序 | Yes | ||||
2、Bootstrap 4 Flex布局：定义主轴方向.flex-row;.flex-column.
定义主轴排列方式：.justify-content-*
定义侧轴排列方式：.align-items-*
设置各个弹性子元素的宽度是一样：.flex-fill
指定子元素对齐: .align-self-*
3、编写任务六，麻烦师兄帮我看看有哪些需要改的问题。
明天计划的事情：
学习任务7
遇到的问题：
暂无
收获：
了解了bootstrap4
返回列表
评论