今天完成的事情：写完任务六，了解任务七的大体情况
明天计划的事情：继续进行任务七
遇到的问题： 任务六在细节调整时文字挤压没有出现省略号，调试无果，在查询百度之发现要添加代码

来实现，效果如图

在查看任务七的要求时，有要求用css写出页面下方的四个小点，一时没什么思路，最开始尝试用特殊字符，后来发现可以直接用css画圆就可以了，测试代码

css代码

实际效果如图

花费较长时间转过弯来，明天进行实际运用

收获：今天大致写完任务六，图

熟悉了bootstrap，感觉非常强大但是还是用不好，今天着重了解了一些栅格，比如

Bootstrap 4 网格系统有以下 5 个类:

• .col- 针对所有设备
• .col-sm- 平板 - 屏幕宽度等于或大于 576px
• .col-md- 桌面显示器 - 屏幕宽度等于或大于 768px)
• .col-lg- 大桌面显示器 - 屏幕宽度等于或大于 992px)
• .col-xl- 超大桌面显示器 - 屏幕宽度等于或大于 1200px)

Bootstrap4 网格系统规则:

• 网格每一行需要放在设置了 .container (固定宽度) 或 .container-fluid (全屏宽度) 类的容器中，这样就可以自动设置一些外边距与内边距。
• 使用行来创建水平的列组。
• 内容需要放置在列中，并且只有列可以是行的直接子节点。
• 预定义的类如 .row 和 .col-sm-4 可用于快速制作网格布局。
• 列通过填充创建列内容之间的间隙。 这个间隙是通过 .rows 类上的负边距设置第一行和最后一列的偏移。
• 网格列是通过跨越指定的 12 个列来创建。 例如，设置三个相等的列，需要使用用三个.col-sm-4 来设置。
• 明天尝试实际的应用