Valclass

flex-wrap

Utilities for controlling how flex items wrap.

Class	Properties
v-flex-wrap	flex-wrap: wrap;
v-flex-wrap-reverse	flex-wrap: wrap-reverse;
v-flex-nowrap	flex-wrap: nowrap;

flex-wrap

1

2

3

							

						<--add a display and flex class to body tag-->
						+ <body class="display flex">


						<div class="v-d-flex v-flex-wrap" >
							<div>
							     1
							</div>
							<div>
							     2
							</div>
							<div>
							     3
							</div>
						</div>

flex-wrap version

flex-nowrap

1

2

3

							

						<--add a display and flex class to body tag-->
						+ <body class="display flex">


							<div class="v-d-flex v-flex-nowrap" >
							<div>
							     1
							</div>
							<div>
							     2
							</div>
							<div>
							     3
							</div>
						</div>

flex-nowrap version

flex-wrap

Utilities for controlling how flex items wrap.

List of properties and components

flex-wrap

1

2

3

flex-nowrap

1

2

3