Layout - PreDefined
The layout system is the heart of every application.
The "v-container" can be used for a center focused page, or given the "fluid" prop to extend its full width.
12
6
4
3
2
1
The "v-layout" is used for separating sections and contains the "v-flex". The structure of your layout will be as follows, "v-layout" » "v-flex".
12
6
6
4
4
4
3
3
3
3
2
2
2
2
2
2
1
1
1
1
1
1
1
1
1
1
1
1
Offsets are useful for compensating for elements that may not be visible yet, or to control the position of content. Just as with breakpoints, you can set an offset for any available sizes.
xs10 offset-xs1
xs7 offset-xs5
xs5
xs5 offset-xs2
You can control the ordering of grid items. As with offsets, you can set different orders for different sizes
#1
#2
#1
#2
#3
#1
#2
#3
#4
Designate the direction and alignment in a variety of ways.
one
two
three
one
two
three
Dynamically change your layout based upon resolution. (resize your screen and watch the layout change on small breakpoints)
one
two
three