vue项目引入boostrap和jquery框架

在index.html文件中引入bootstrap时,注意加入<meta>标签实现响应式,未加此标签时,可能会出现手机模式时,响应式无法实现。

<meta name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

(1)   本地引用:

先在static目录下放所需加载的bootstrap文件

vue项目引入boostrap和jquery框架

然后在index.html中引入

vue项目引入boostrap和jquery框架

目录路径为你所放位置的路径。

(2)   远程引入:

直接加载远程的bootstrap文件

vue项目引入boostrap和jquery框架