今天完成的事情，任务8修改完成。

遇到的问题，今天碰到最难的点就是，首页友情链接部分的内容。我用得这个框架有点怪怪的，关于栅格系统的分配一直就存在问题。

用栅格分配10列空间，在中等屏幕的状态下内容保持居中，本身是很简单的事情，但是我用的这个框架，10列空间，每列空间分为一份得话，伸缩的时候，文字空间不足的状态下就直接换行了。

最后实在没办法就用了，最蠢的方法，利用框架自带的属性特大屏状态内容自适应，992px之后赶紧变成两列。

内容分为两列之后，用三个字的内容，与四个字的内容，用flex内容居中之后，小圆点与文字上下之间无法对齐。所以就干脆写了都是四个字，然后后面的一个字设置隐藏。但是依然占据空间。

opacity

第二个问题，还是关于框架上面的。

空间分配为3分，每份为1的话，三个内容之间没有间距，当初解决问题的时候，给他重新写个边框。但是上下设置边框的时候，很明显跟上面的少了一截。container自带15px padding，row自带-15pxmargin。重写边框，少了15px。把row去掉之后，自带的属性就没了，就可以形成抵消。最后把container自带的padding写成0。

任务8深度思考

如何实现轮播图?

(4)Blink内核（ Google和Opera Software内核）

div+css的布局较table布局有什么优点？ 

div+css布局的优点是

符合w3c的标准，代码结构简单，结构简单，样式行为分离。可维护性强。

布局精准，页面修改简单。

综合上面对两种不同网页布局的分析，大家也很显然看得出HTML+CSS的布局是很占据优势的，这也是现在HTML+CSS成为主流的原因吧。

bootstrap常用组件有轮播图，导航栏，下拉菜单。

收获，虽然bootstrap4磕磕绊绊写完了，但是感觉自己对框架的理解还是很浅。关于栅格系统分配的问题，还是很薄弱。代码一定要写规范！！之前写的太乱了，改动起来，头皮发麻。

明天计划，任务10。