如何在一页中使用 vuetify.css 和 bootstrap？

Posted 2023-03-21

【中文标题】如何在一页中使用 vuetify.css 和 bootstrap？

【英文标题】：How to use vuetify.css and bootstrap in one page?

【发布时间】：2019-08-21 02:51:13

【问题描述】：

我想同时使用vuetify.min.css 文件夹和bootstratp.min.css 文件夹。 Bootstrap 是在布局页面上定义的，我需要 vuetify.min.css 在另一个页面上。有什么办法可以同时使用吗？

【问题讨论】：

我相信你可以，但它会让你的应用程序变得很重。为什么你需要他们两个？一个做什么而另一个不做什么？

我需要一些按钮 css。但是，vuetify css 文件会导致引导程序崩溃。当我使用它们时，帖子正在增长。

如果只是一些按钮，你能不能只为它们编写自己的css？

因为这些在 vuetify 中已经存在了

如果您只需要这些，为什么不能从 Vuetify 复制按钮 CSS？

【参考方案1】：

这里有多种解决方案：

为其中一个库添加前缀，如下所示： https://github.com/vuetifyjs/vuetify/issues/9454

只从 BS4 库（使用 SCSS）中获取您需要的内容，如下所示：

@import "~bootstrap/scss/buttons.scss";

为您的按钮样式切换到 BS3 并创建一个 custom package。

在我看来，最好的解决方案是第二种，让它在您的设置中运行并构建您需要的文件。有关主题 BS4 的更多信息here。