Control how flex items wrap in a flex container with .flex-nowrap (default), .flex-wrap or .flex-wrap-reverse.
Use the .flex-nowrap class if you don't want the flex items to wrap.
.flex-nowrap:
.flex-sm-nowrap:
.flex-md-nowrap:
.flex-lg-nowrap:
.flex-xl-nowrap: