V-row

lastmod 2026-11-10created 2021-07-133 edits

v-row is a component that creates a horizontal row in the Vuetify grid system. It is placed inside a v-container, with v-col placed inside it, to build a 12-column flexbox layout. Props such as align, justify, dense, and no-gutters adjust the alignment and spacing of the columns. It is the basic unit of layouts whose column placement changes with responsive breakpoints.

See also

• Vuetify
• Vuetify:Breakpoints
• Vuetify:GridSystem
• v-container
• v-row
• v-col
• v-spacer