gpt4 book ai didi

bootstrap-4 - 我如何在 nuxtjs 上安装 Bootstrap

转载 作者:行者123 更新时间:2023-12-04 09:02:21 25 4
gpt4 key购买 nike

我想在 nuxt.js 中使用 Bootstrap,不使用 CDN 怎么办?我想在 nuxt.config.js 中使用引导文件,但我不能,我也想使用 jquery 文件和 popper.js我试图将这些文件包含在 nuxt.config.js 的 head 数组中,但它不起作用,我还尝试在 CSS 上包含 bootstrap.min.css数组,幸运的是它起作用了,但是像 Dropdown、Collapses 之类的 Bootstrap 的 js 属性不起作用,我知道这些属性不起作用的原因,这是因为 Jquery 和 popper js 不包括在内,但实际上如何我可以包括它们吗?请帮帮我

最佳答案

您可以使用 bootstrap-vue,或者如果您想使用纯引导,您可以添加 CDN 或下载文件手动添加它们:

nuxt.config.js

export default {
head: {
script: [
{
src: '/jquery-3.5.1.slim.min.js'
},
{
src: '/popper.min.js'
},
{
src: '/bootstrap.min.js'
}
],
link: [
{
rel: 'stylesheet',
href: '/bootstrap.min.css'
}
]
}
}

关于bootstrap-4 - 我如何在 nuxtjs 上安装 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63535913/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com