今天完成的事情：今天完成了任务六的头部，而且使用的是栅格布局，这对从来没有接触过的我来说又是一个全新难度的挑战，之前看了两天的bootsrap，自以为稍微看懂了一点，结果到了需要用上的时候日常懵逼，这东西可能需要习惯。后来还是日常请教师兄。。。

首先就是最上头的两个标题后面的，刚开始以为是需要图片的，我把图片扣下来以后发现文字放不进里面哈哈，其实应该是可以放进去的，还是我不熟悉。然后建立了一个DIV盒子，然后添加上背景颜色高度和宽度，把边框半径变大然后边角就变圆了，再加上文字就把问题搞定了。

搞完这些就该开始最重要的栅格布局了

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

这是需要导入到webstorm里面去，然后就算是开始启动bootsrap了，然后可以用里面组件的东西了，我只需要用到栅格布局，所以用到的是这串代码：

<div class="col lg-box">
    <div class="container">
        <div class="row">
    <div class="col-sm-8">

这个基本上算是启动的栅格布局的钥匙，第一行可以命名，第二行意为容器，第三行是行的意思，第四行的sm是需要设置的屏幕。现在bootstrap用到的是分成12个小格子，我把最上面分成8  4 的分配格式，标题在8份里面，右边的小图片在4份里，这样比较容易调整距离，容易居中，头部也是非常简单，用栅格布局有点麻烦了反而，这里用不用其实都可以，主要的是下面的用最合适。

可以看到上图的第二行，用栅格布局刚好可以按比例分成三份，今天也就把头部做出来了，进度还是有点慢啊，明天尽量把任务六做完吧。

明天计划的事情：明天计划把任务六做完，然后尽量的弄懂栅格布局，最起码知道写的是啥意思呗，要求也不高。
遇到的问题：比较难缠的问题就是刚开始两边有margin的问题，所以显示的宽度没办法变成100%，直到把container换成了container-fluid，彻底的解决了两边宽度的问题。

收获：

今天把任务六的头部完美的搭建好了，算是比较不错的哈哈，然后就是明白了怎么开始用bootstrap的栅格布局，起码算是用出来了，也不枉我用了两三天时间来了解，最主要的是感觉自己看文档很难看懂，以后多看看吧，估计是看的少，看的多了就行了，希望以后多加努力吧。