今天完成的事情：任务十四十五的拆分组件。导航栏的制作和轮播图的制作

明天计划的事情：后天打算搞完任务十四十五。争取下礼拜以前做完js1.

遇到的问题：框架bootstrap列的制作。在for不出来，打算借鉴一下师兄的思路。

收获：根据师兄指导打算写一次。理解一下每行意思，方便自己写

@if

当 @if 的表达式返回值不是 false 或者 null 时，条件成立，输出 {} 内的代码：

@if 声明后面可以跟多个 @else if 声明，或者一个 @else 声明。如果 @if 声明失败，Sass 将逐条执行 @else if 声明，如果全部失败，最后执行 @else 声明，如下：

1.2@for

@for 指令可以在限制的范围内重复输出格式，每次按要求（变量的值）对输出结果做出变动。这个指令包含两种格式：@for $var from <start> through <end>，或者 @for $var from <start> to <end>，区别在于 through 与 to 的含义：当使用 through 时，条件范围包含 <start> 与 <end> 的值，而使用 to 时条件范围只包含 <start> 的值不包含 <end> 的值。另外，$var 可以是任何变量，比如 $i；<start> 和 <end> 必须是整数值。如下：

1.3@each

@each 指令的格式是 $var in <list>, $var 可以是任何变量名，比如 $length 或者 $name，而 <list> 是一连串的值，也就是值列表。@each 将变量 $var 作用于值列表中的每一个项目，然后输出结果，如下：

多重赋值

@each指令也可以使用多个变量，如@each $var1， $var2，…在。如果是列表列表，子列表的每个元素都被分配给相应的变量。如下：

通过以上指令的学习把栅格的scss写了出来