1、首先要进入官网,我们直接百度bootstrap,看得有个中文网,进入就可以了,或者看下图地址栏输入。
2、单击页面上的下载按钮,进入如下模块中,我们能够看到能够下载的安装包。这里往下拉,它有非常多的安装方式,这里我们就选择第一个就好了,单击“下载Bootstrap”按钮进入下载。
3、进入下载文件夹进行解压,这里我们可以看得解压后文件夹中所包含的文件。我们所需要知道的是,css是样式文件夹,里面包含了所有构造样式类,js是基于jQuery的行为文件夹,在引入js文件前需要先引入jQuery的js文件,font用于存储图标。
4、现在我们创建一个新项目。将框架目录放到文件夹下面。然后创建一个html的文件作为页面容器。
5、现在我们需要将需要的文件引入,具体如图所示。
6、为了兼容手机端,还需要添加一条<meta name="viewpor" content="width=device-width,initial-scale=1.0">
7、我们可以打开浏览器查看添加了框架和没有添加框架的具体效果。在这里全部都是优秀的使用Bootstrap框架的页面,我们可以进行参考。