3种Vue引入bootstrap的方法有什么不同?应该选择哪一种比较好?
bootstrap吧
全部回复
仅看楼主
level 11
江毁人亡409
楼主
2020年12月11日 06点12分
1
level 11
江毁人亡409
楼主
方法一:在main.js中引入(1)
npm i jquery
npm i bootstrap
在main.js中
import 'jquery/dist/jquery.min'
import 'bootstrap/dist/css/bootstrap.css'
2020年12月11日 06点12分
2
level 11
江毁人亡409
楼主
2020年12月11日 06点12分
4
level 11
江毁人亡409
楼主
方法三:在index.html中引入
一般建议使用此方法引入bootstrap。
在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文件
然后在index.html中引入
目录路径为你所放位置的路径。
(2)远程引入:
直接加载远程的bootstrap文件
2020年12月11日 06点12分
5
1