I want to position Button (or any other component) at the center of the screen, not just line.
<div id="app">
<v-app id="inspire" fill-height fluid>
<v-container fill-height fluid>
<v-layout fill-height fluid>
<v-flex fill-height fluid align-center>
<v-btn>Click me</v-btn>
</v-flex>
</v-layout>
</v-container>
</v-app>
</div>
I'm aware of Jumbotron, but I actually want to position Form at the center and to add Toolbar and Footer later
<v-content>
<!--- pick-up screen height so we can center vertically -->
<v-container fill-height>
<!--- vertical and horizontal alignment -->
<v-layout align-center justify-center>
<v-flex xs6>
<!--- v-flex is centered now, but we need to center button inside v-flex -->
<div class="text-xs-center">
<v-btn>Click me</v-btn>
</div>
</v-flex>
</v-layout>
</v-container>
</v-content>
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments