Skip to main content

Class-flex-basis

Adjust the width with the flex system.

Use the v-basis-* utilities to control the flex-basis of an element. You can use
the feat: custom feature if you want the flex-basis to suit your needs.

Table list flex-basis​

Class nameProperties
v-basis-1 flex-basis: 1;
v-basis-2 flex-basis: 2;
v-basis-3 flex-basis: 3;
v-basis-4 flex-basis: 4;

The table above presents several types of flex-basiss with different variants.

Example Code​

index.html
<div>
    <div class="v-d-flex v-basis-2">
            basis-2
    </div>
    <div class="v-d-flex v-basis-1">
            basis-1
    </div>
    <div class="v-d-flex v-basis-2">
            basis-2
    </div>
    <div class="v-d-flex v-basis-1">
            basis-1
    </div>
</div>