今天完成的事情：

今天上午的时候没有写任务，上传Githup出错了然后改了一下，然后就写了一下博客

下午改了一下
明天计划的事情：

 星期天
遇到的问题：
还没有
收获：

下午看了一点.栅格布局

.栅格布局

bootstrap内置的一套响应式，移动设备优先的栅格系统，随着屏幕设备或视口尺寸的增加，系统最多分为12列，他是通过一系列的行row 与列column的组合创建页面布局，然后内容可以放入创建好的布局当中。

使用规则:

行row必须包含在容器container中，一边为其赋予合适的对齐方式和padding

<div class="container"> <div class="row"></div> </div>

使用container-fluid可以使container占据100%宽度

行row中可以添加列column，但列不可以超过平分的总列数，如

<div class="container"> <div class="row"> <div class="col-md-4"></div> <div

他们之间的关系container>row>column

col需要占多少列宽度时，用col-xx-xx表示，比如col-xs-2，表示在超小屏幕下占据2个列宽度

.col-xs-* ：超小屏幕、手机 (<768px)
.col-sm-* ：小屏幕 平板 (≥768px)
.col-md-* ：中等屏幕 桌面显示器 (≥992px)
.col-lg-* ：大屏幕 大桌面显示器 (≥1200px)

同时使用多个col-xx 组合拳可以达到不同宽度下的自适应

之前也用过但是也不是记得太清，所以又仔仔细细看了一遍