Float Vuetify Checkboxes if needed-CodePudding

Question: How do you float v-checkboxes if there is not enough space. At the moment I have these checkboxes in a single row

but if the space is not enough the last checkbox doesn´t want to float.

I have already applied d-flex as a class and also tried float-left.

This is the code for the checkboxes:

<v-row>
    <v-col cols="12" >
        <v-checkbox v-for="item in checkboxitems" :key="item.id"
            v-model="item.value"
            color="primary"
            :label="item.text"
            disabled
            
        >
        </v-checkbox>
        
    </v-col>

</v-row>

CodePudding user response：

Try to use the flex-wrap utility class :

 <v-col cols="12" >