bootstrap是什么Bootstrap是一个使用HTML，CSS，Sass，Less和JavaScript编写的，免费和开源的，用于开发Web应用程序的前端框架它主要基于用HTML和CSS编写的设计模板，使用不同的表单，基于JavaScript和其他组件的扩展相关。

一Bootstrap1Bootstrap是简洁直观强悍的前端开发框架，让web开发更迅速简单，甚至连非前端工程师人员也能开发出优美的页面，让所有开发人员更加快捷方便的开发web页面和移动端应用，同时也能开发响应式web页面。

一 Web前端框架之Angular 2+ Angular 2+优点解析Angular 2+ 的最大优势在于它的流行程度也有人认为它和 Google 密切相关的名字，会影响团队使用它Angular 1 的迅速流行是因为那些来自其他交互式应用程序开发环境的。

首先我们需要新建一个HTML5的文档，然后在文档中导入Bootstrap的样式文件，这个文件中包含了轮播图所有的样式定义，如下图所示 02 接下来我们需要导入脚本文件，注意先导入Jquery文件，然后导入bootstrap的脚本文件，顺序一定不能颠倒。

1 bootstrap中文网，你就能找2 进入这个网站，我们点击这个按钮，3 点击这里下载 4 你下载得到的是一个压缩包，解压以5 在css文件夹中，实际上以有两个css6 js文件夹中，也有一个js文件的两个。

首先需要的工具就是Hbuilder软件 第二步打开Hbuilder 第三步点击新建web项目 第四步编写项目名称，并选择文件保存的位置这里我们默认填写name1，路径就是在桌面点击完成之后就会出现了，左侧就是我们新建文件。

图片包没有加载到从新下载一套不要删里面的东西全部放到项目中，然后引用就没问题了。

bootstrap也提供轮播模板自己写的话，假如放3张轮播图，pic1，pic2，pic3创建一个ul，ul中放5张图片，顺序是pic3，pic1，pic2，pic3，pic1，这样衔接起来设置ul的宽度是500%，li的宽度是20%，这样图片就能一字排开，设置。

5 Grayscale该模板是一个免费的，多用途的单页Bootstrap主题着陆页模板，具有深色配色方案和流畅的滚动动画该模板具有自定义按钮样式，固定的顶部导航，滚动时折叠的导航设计，平滑滚动动画等，这些设计使得该模板非常吸引人。