今天完成的任务

a.温习了git程序clone;push到github上去的操作（以前是直接网页上传拖动），并学习了一个快捷的方法；

b.bootsharp轮播套用（会改下样式，但是不懂原理）

c.导航页的套用（同上）

d.任务8第一个页面做到一半（未完成，前面轮播和导航用了许多时间）

e.拓展知识

明天的计划

a.任务8的第一个页面完成

b.任务8后面的环境配置和切图

c.拓展知识

遇到的问题

a.早上的git使用，开始是用有原来的方法，git配置.ssh创建.git仓库，然后设置ssh钥匙权限在连接github的远程仓库，再使用git命令上传，不知道是时间太久了还是啥，各种奇葩问题都有（前面好了，后面出问题，后面改好了前面复发循环）；实在是耗不过它，于是换了第二种方法：先在github网站上点开你要存储的repositories，找到右边的clone or download然后点开复制它的链接。然后在你要的 文件夹里用git输出 git clone git@github.com:wusanshuei/task.git(输入自己的）把库clone下来，然后在clone下来的文件夹里放入要上传的文件，再在git里进行git add. git commit -m" " 和 git push -u origin master完成。

b.下午做了一下的静态页面，然后师兄告诉我做了一下午的静态没用，那2个是要做动态，套路导航页和轮播 。。。。 ？？？？？？？wtf。。

c.晚上对于栅格的行和列row col-lg-1 container等不熟悉，用的有点儿不习惯，在查找了官方资料后解决

收获

栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局。Bootstrap 栅格系统的工作原理：

1.“行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。

2.通过“行（row）”在水平方向创建一组“列（column）”。

3.你的内容应当放置于“列（column）”内，并且，只有“列（column）”可以作为行（row）”的直接子元素。

4.类似 .row 和 .col-xs-4 这种预定义的类，可以用来快速创建栅格布局。Bootstrap 源码中定义的 mixin 也可以用来创建语义化的布局。

5.通过为“列（column）”设置 padding 属性，从而创建列与列之间的间隔（gutter）。通过为 .row 元素设置负值 margin 从而抵消掉为 .container 元素设置的 padding，也就间接为“行（row）”所包含的“列（column）”抵消掉了padding。

6.负值的 margin就是下面的示例为什么是向外突出的原因。在栅格列中的内容排成一行。

7.栅格系统中的列是通过指定1到12的值来表示其跨越的范围。例如，三个等宽的列可以使用三个 .col-xs-4 来创建。

8.如果一“行（row）”中包含了的“列（column）”大于 12，多余的“列（column）”所在的元素将被作为一个整体另起一行排列。

9.栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 因此，在元素上应用任何 .col-md-* 栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 因此，在元素上应用任何 .col-lg-* 不存在， 也影响大屏幕设备。

如果在一个 .row 内包含的列（column）大于12个，包含多余列（column）的元素将作为一个整体单元被另起一行排列。

栅格参数

超小屏幕 手机 (<768px)  .col-xs-

小屏幕 平板 (≥768px) .col-sm-

中等屏幕 桌面显示器 (≥992px) .col-md-

大屏幕 大桌面显示器 (≥1200px) .col-lg-

rgba的使用：可以通过调节rgba中的透明度来达成不同色调的实现。

轮播图的套用，然后修改其图片链接，也可以在不懂轮播的时候使用轮播效果

emmmm还有一些杂的给忘记了QAQ，记不起来了，今天就暂时这样把，把今天的代码上传，师兄看看有什么我没发现的问题