vue.js - V型容器不适用流体

Question

我不明白为什么 v-container 不应用流体选项。它总是像通常的容器一样运行。这是我的 App.vue 中的代码

<template>

  <v-app id="main" :style="{background: $vuetify.theme.themes[theme].background}">
    <v-container fluid="true">

    </v-container>


  </v-app>
</template>

我已经尝试了很多方法，比如：fluid="true，或者只有流体，但它仍然像通常的容器一样。在检查页面后，我注意到浏览器似乎在容器之前解释容器类——流体并覆盖它的最大宽度。因为在下面的屏幕截图上。有什么办法可以解决这个问题吗？我正在使用 firefox 进行检查。

标签： vue.jsvuetify.js

Answer 1

对于将来遇到类似问题的任何人：

对于学习项目，我安装了 boostrap-vue 和 vuetify。当我删除引导 vue 依赖项时，容器开始按预期运行。