Today

1.导航部分,链接 hover 底部 白色 border 离链接太近,在chrome 中查看 导航 高度,和链接行高 ,修改后达到效果

2.

这行代码是为了视障人士 准备的,我哭了,你们呢

3.

header 最 top的布局,bs中的弹性布局 

4. .container实现固定的宽度并居中呈现，.container-fluid实现全宽度，并和其它网格实现对齐

导航菜单我放在 .container-fluid 里实现100%宽度

5.呈现内容必须放置在列(.col-*中，而且只有列可以是行的直接子元素，否则都是违法的(不可以在.col-*以上添加呈现内容。

6..row上带有margin-left: -15px;margin-right: -15px;属性，你可以在.row上上定义.no-gutters属性，从而消除这个属性，使页面不会额外宽出30px，即<div class="row no-gutters"

7. 实现等宽多行,插入

<div class="w-100"></div>

8. 直接定义 .col 实现覆盖大中小所有设备

9. 使用单一的.col-sm-*类方法，可以创建一个基本的网格系统，此时如果没有指定其它媒体查询断点宽度，这个栅格系统是成立的，而且会随着屏幕变窄成为超小屏幕.col-后，自动成为每列一行、水平堆砌.

这个布局用在 footer

10. 完成 header 和footer 布局

Tomorrow

继续任务8

Gain

1.bootstrap 栅格布局 

2.修改bs 默认样式 

3.bs中的 弹性布局

Pain

1. ::after ::before 看到官网上面加了个,查了一下没看懂

2.footer 直接设置 color 并没有让所有文字和链接 变色 ,要 把 footer 里的元素都带上 ,为啥子