V-контейнер не наносит жидкость

Question

Я не понимаю, почему v-container не применяют опцию жидкости. Он всегда ведет себя как обычный контейнер. Вот код из моего приложения. 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 для проверки.

Answer 1

Для тех, кто столкнется с подобной проблемой в будущем:

Для учебного проекта я установил и boostrap- vue, и vuetify. Когда я удалил bootstrap vue контейнер зависимостей, он начал работать, как ожидалось.