Bootstrap下载（推荐自行从官网下载）： 

bootstrap-3.3.7-dist.zip

浏览器：推荐使用Chrome

代码编辑器： HBuilder、SublimeText、记事本

HBuilder学习教程： https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/35357

在线代码编辑器：https://c.runoob.com/front-end/61

其他前端工具推荐： https://c.runoob.com/front-end

如：SVG编辑器 https://c.runoob.com/more/svgeditor/

免费的框架文件CND服务（课本上的用的cdn.bootcss.com）：

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

  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  

  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

Bootstrap

一个CSS类库（Libary），一个HTML5前端开发框架。

Bootstrap用CSS的方式，对很多HTML元素的默认外观进行了增强，并定义了很多现成的组件类，可以直接套用。

Bootstrap并不增加新的HTML标记或者CSS属性，只是用css定义了很多模板，可以直接用引用css的方式来调用。

在网页中引入Bootstrap：

实际上就是在网页中引入一个外部CSS。

作为一个使用广泛的公共类库，很多网站提供bootstrap的在线引用网址。

<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

也可以将bootstrap.min.css下载到本地，放到网站目录下引用。

<link href="css/bootstrap.min.css" rel="stylesheet">

练习案例：神奇的Bootstrap——化腐朽为神奇的“魔镜”。

两份完全相同的代码。一个是原生态的“素颜”，一个是bootstrap“美颜”，且看效果如何。

引用bootstrap“美颜”之前：

引用bootstrap“美颜”之后：

两个页面代码完全相同，唯一的区别是后者增加了 bootstrap.min.css的引用。

两个代码如下：

bootstrap初体验.rar