Sometimes, we want to make the v-container full width with Vuetify.
In this article, we’ll look at how to make the v-container full width with Vuetify.
How to make the v-container full width with Vuetify?
To make the v-container full width with Vuetify, we just add the fluid prop.
For instance, we write
<template>
<v-content class="yellow">
<v-container fluid>
<v-layout>
<router-view></router-view>
</v-layout>
</v-container>
</v-content>
</template>
to add the fluid prop to the v-container to make it fill the width of the v-content component.
Conclusion
To make the v-container full width with Vuetify, we just add the fluid prop.
