发表于： 2019-06-14 20:50:50
5 910
今日完成：1 将任务八的推荐页面大致完成
2 将notepad++换成了vscode
现在看来，无论是界面还是代码格式，逼格提升不止一点点
今日收获： 1 今天在看日报的时候，发现大家基本上都是用的bootstrap4.0，
而我使用的还是3.3.0的
然后我就直接将他们的引用直接就复制粘贴了，结果没想到页面直接就炸了，后来在师兄弟们的帮助下，发现
然后我就去看了4.0版本的范围
| Extra small <576px | Small ≥576px | Medium ≥768px | Large ≥992px | Extra large ≥1200px | |
|---|---|---|---|---|---|
| Max container width | None (auto) | 540px | 720px | 960px | 1140px |
| Class prefix | .col- | .col-sm- | .col-md- | .col-lg- | .col-xl- |
| # of columns | 12 | ||||
| Gutter width | 30px (15px on each side of a column) | ||||
| Nestable | Yes | ||||
| Column ordering | Yes | ||||
，结果发现里面已经没有xs了，而老版的，也就是3.3.0版本是存在且功能还是挺通用的
下表总结了 Bootstrap 网格系统如何跨多个设备工作：
| 超小设备手机（<768px） | 小型设备平板电脑（≥768px） | 中型设备台式电脑（≥992px） | 大型设备台式电脑（≥1200px） | |
|---|---|---|---|---|
| 网格行为 | 一直是水平的 | 以折叠开始，断点以上是水平的 | 以折叠开始，断点以上是水平的 | 以折叠开始，断点以上是水平的 |
| 最大容器宽度 | None (auto) | 750px | 970px | 1170px |
| Class 前缀 | .col-xs- | .col-sm- | .col-md- | .col-lg- |
| 列数量和 | 12 | 12 | 12 | 12 |
| 最大列宽 | Auto | 60px | 78px | 95px |
| 间隙宽度 | 30px （一个列的每边分别 15px） | 30px （一个列的每边分别 15px） | 30px （一个列的每边分别 15px） | 30px （一个列的每边分别 15px） |
| 可嵌套 | Yes | Yes | Yes | Yes |
| 偏移量 | Yes | Yes | Yes | Yes |
| 列排序 | Yes | Yes | Yes | Yes |
，由此得出总结，下次不能随意的引用没有看过规范的框架了
明天计划 1 
今天师兄和我们分享了代码规范的问题，
我们在讨论一番之后发现，名字确实太重要，明天去了解css代码规范以及命名问题。
2 今晚将写完的页面链接发到群里之后，发现大体看到过去，没想到不能深究，一深究，细节问题一大堆
比如，该加链接的没加，该用媒体查询让某个元素在一定宽度内消失的，也没有处理等等，算了，接着滚去改bug了
返回列表
评论