bootstrap三步写出一个响应式网页

下载引入bootstrap：搜索bootstrap进入官网，然后点击上图按钮，下载bootsrap。

拷贝库文件到项目：将下载的文件解压后将dist文件夹拷贝到项目。这个里面其实就是写好的css样式代码和js代码以及字体图标。当然也可以单个引入你指定的项目目录，只要引入对即可，首先要引入jQuery库，因为bootstrap依赖jQuery（比如轮播，下拉等功能就用jQuery写的，如果不引人就无效），然后只需要引入bootstrap.css和bootstrap.js这两个核心文件就行了。字体文件单独再引入。此时项目直接就可使用（所有的框架都是这样，引入它的写好的样式源码，然后直接用即可）。

去官网拷贝组件：把库文件引入到项目之后，就去官网拷贝对应组件的代码，直接贴到你的项目中的html页面中即可生效，因为都是html标签（例如导航条，轮播，按钮等很多组件基本能满足需求）。

拷贝这写代码查看效果就是如下的按钮效果。

字体图标的使用：bootstrap提供了很多的字体图标，可以用在导航条或者其他地方（具体用法官网有介绍很清楚），让网页看起来更美观。

例如导航条pc（样式可以自己调整，主要它是响应式的）

导航条移动端：

用这些组件完成一个网页之后，你可以放大缩小浏览器窗口来查看响应式的网页效果。如果想要调css样式，你可以右键检查查看它的样式在哪里，然后再去修改默认样式，这样会比较方便快速的调整样式。个人感觉bootstrap就是写静态网页的神器。