[Vuejs]-Vuetify: How to create fluid footer with centered content?

by

1👍

Here you go! Add text-xs-center to v-flex and it works

<v-footer class="indigo lighten-1">
    <v-container fluid>
        <v-layout >
            <v-flex md2 ></v-flex>
            <v-flex md8  class="white--text pt-0 text-xs-center">
          My centered content...
            </v-flex>
            <v-flex md2></v-flex>
        </v-layout>
    </v-container>
</v-footer>

Here is the codepen demo

Hope this helps!

Leave a comment