Vuetify css 碾压 Bootstrap css

Posted

技术标签:

【中文标题】Vuetify css 碾压 Bootstrap css【英文标题】:Vuetify css crushes Bootstrap css 【发布时间】:2019-08-20 13:37:54 【问题描述】:

我在我的 Vue 组件中使用 Vuetify。我想在我使用Vuetify的组件中使用vuetify css。

我将此代码 import VuetifyCss from 'vuetify/dist/vuetify.min.css' 添加到我的本地组件中,但它会影响所有项目,因此它会破坏引导程序的一些 css。

如何将 vuetify.min.css 导入到我使用的本地组件中?

【问题讨论】:

【参考方案1】:

这个person 使用了 scoped 属性:

 <style scoped src="vuetify/dist/vuetify.min.css"></style>

在您想要使用 Vuetify 的组件中。从他们的回答来看似乎对他们有用。

【讨论】:

以上是关于Vuetify css 碾压 Bootstrap css的主要内容,如果未能解决你的问题,请参考以下文章

使用 Bootstrap 在 VUE 路由中加下划线的字体

有啥解决方案可以在 vuetify 和 bootstrap-vue 上合并两个 vue 应用程序

我无法实现分页。使用 url 参数帮助实现分页(VUETIFY 或 BOOTSTRAP-VUE)

如何避免 Vuetify 覆盖默认 CSS

Nuxt & Vuetify:如何控制 CSS 文件的加载顺序?

在 webpack 构建期间 Vuetify CSS 更改顺序