[Vuejs]-Vuetify.js grid system doesn't align as expected

by

1👍

✅

Please, refer to nested grid examples in Vuetify documentation.

To maintain nested grid layout each row should be wrapped with v-layout component. Following structure as an example:

<v-layout row wrap>
  <v-flex xs12>
    <v-layout>
      <v-flex xs6>
        <!-- input field -->
      </v-flex>
      <v-flex xs6>
        <!-- input field -->
      </v-flex>
    </v-layout>
  </v-flex>
</v-layout>

Leave a comment