Use .flex-row to make the flex items appear side by side (default).
Use .flex-sm|md|lg|xl-row to achieve this on a specific screen size. Resize the browser window to see the effect
flex-row:
flex-sm-row:
flex-md-row:
flex-lg-row:
flex-xl-row:
flex-xxl-row: