今天完成的事情：

昨天计划的三件事情，今天只完成了半件，看了部分bootstrap基础，其他的都没有做。

明天计划的事情：

1.看完剩余bootstrap基础

2.还有时间可以完成任务6布局

遇到的问题：

只是看bootstrap，没有遇到什么问题。

收获：

关于bootstrap：

1.bootstrap是基于html、css、javascript的一个框架，使用bootstrap开发，bootstrap3+为移动开发而生；

2.为了在适应不同尺寸的屏幕，在head中声明

<meta name="viewport" content="width=device-width, initial-scale=1.0">

让网页在不同屏幕的尺寸上正常显示不因为缩放影响效果，可以在content中加入声明maximum-scale=1.0,user-scalable=no"

禁止缩放，通过滚动查看网页不同部分；

3.使用bootstrap的方式和引用css方式一样（因为bootstrap本身就是写的css样式）；当然也可以使用cnd服务器上的版本：

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

4.JavaScript脚本一般引用在body下面；

5.bootstrap既然是一个机遇css的框架，其必然会更改html标签的一些默认属性：

比如标题<h1>——-<h6>标签,将h1—h3标签改margin值更改为margin：20px 0；

bootstrap也为html加入了一些新标签：

比如<small>用在标题后面，产生大标题后面小字体标题的效果；

6.bootstrap加入了许多方便实用的类：

如无序列表去点的类：.list-unstyled;

<dl class="dl-horizontal">

    <dt>标题一：</dt>

    <dd>描述内容</dd>

    <dt>标题二：</dt>

    <dd>描述内容</dd>

</dl>

使用.list-styled产生的效果和我们使用list-style的效果是一样的，不过list-style只是一个属性，我们必须自己建一个类。