1,今天完成的事情：没有，看bootstrap头晕呼呼的一天了。

2，明天计划的事情：把task7重新改写的，争取写完。进度太慢了感觉。卡在这里了。

3，遇到的问题：引用bootstrap后，改动样式的问题。是把自己的样式在bootstrap之后导入进去。之后利用优先级来覆盖自己想要改变的属性。

4.收获：bootstrap中的jq库要比js先导入进去，因为bootstrap依赖于jq来做的。所以先导入，不然没效果。还有就是自己的样式最后导入，考虑优先级的顺序。栅格系统知道原理了。准备马上练习。趁热打铁。

背景透明用：backgrund-color:rgba(颜色代码，颜色代码，颜色代码，0.5不透明度)。

栅格系统就是：有4中class的类名：（一行最多12列，至于一个盒子站多少，那就看自己实际情况了）

1，col-xs类，用法是<div class="col-xs-*">。它星号代表1--12的数字

2，col-xs类，用法是<div class="col-sm-*">。它星号代表1--12的数字

3，col-xs类，用法是<div class="col-md-*">。它星号代表1--12的数字

4，col-xs类，用法是<div class="col-lg-*">。它星号代表1--12的数字

2，3，4这几个效果是堆叠的分辨率分别小于750.970.1107.至于第一个那就是总是水平排列，最终就是挤在一起了。

以上肯定会有一个盒子把他们包裹起来的啦，必须用这些类名，不然不管用，首先是一个

<div class=".container-fluid">

<div clsaa="row">

<div class="col-md-4">.col-md-1</div>
<div class="col-md-4">.col-md-1</div>

<div class="col-md-4">.col-md-1</div>
</div>
</div>
红色的代码.container-fluid是将固定宽度的栅格布局转换为 100% 宽度的布局。固定的就是没有-fluid这个东西。还有别的什么的可以看这个：http://v3.bootcss.com/css/#grid

简单的看了一下JSON，是一个跟服务器进行数据交换的语言。具体怎么弄没搞清楚，因为bootstrap看的头晕。