如何在一页中使用vuetify.css和bootstrap? [英] How to use vuetify.css and bootstrap in one page?

问题描述

我想同时使用 vuetify.min.css 文件夹和 bootstratp.min.css 文件夹.Bootstrap在布局页面上定义，我需要在另一页面上创建vuetify.min.css.有什么办法可以同时使用它们吗?

I want to use both the vuetify.min.css folder and bootstratp.min.css folder. Bootstrap is defined on the layout page and I need vuetify.min.css on another page. Is there any way to use both of them together?

推荐答案

这里有多种解决方案:

1. 对其中一个库进行前缀，如下所示: https://github.com/vuetifyjs/vuetify/issues/9454

仅从BS4库(使用SCSS)中获得所需的内容，就像这样:

Only get what you need from the BS4 library (using SCSS) like so:

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

1. 切换到BS3进行按钮样式设置，然后创建一个自定义包.
>

我认为最好的解决方案是第二种，在您的设置中使用它并生成所需的文件.有关主题BS4的更多信息，请此处.

In my opinion the best solution is the second, get it working in your setup and build the files you need. More info on Theming BS4 here.

这篇关于如何在一页中使用vuetify.css和bootstrap?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！