[Vuejs]-How to position element within a column to end (Vuetify)?

2👍

Option 1: Add class="text-right" to both <v-col> elements if you want to position inline elements such as text.

Option 2: Add class="d-flex justify-end" to both <v-col> elements to position block elements.

Since the <v-btn> element is most likely displayed as an inline-block element, both options will work.

3👍

Just add align="end" to each of v-col.
Here is the working codepen.

Because v-col is just display: flex; flex-direction: column;. Instead of v-row you use justify to align elements, in v-col you use align.

snapshot

Leave a comment