purpose of new d-flex class in bootstrap

mikha used Ask the Experts™
what is major difference between

<div class="d-flex flex-row
<div d-flex flex-column

vs regular

<div class="col" and <div class="row"

construct. do we use the flex-row and flex-column construct, similar to bootstrap 3 , or these are for totally different purpose.
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2017
Distinguished Expert 2018
Take a read of these to links
A comprehensive guide to FlexBox
The Bootstrap Flex Classes Guide

With flex box you can arrange your content in rows or columns and then have the flex system expand / fill your content to the available space.

So very simply flex-row is bootstraps style for flex-direction: row
and flex-column is Bootstrap's style for flex-direction:column

It just means that the content must (in the case of a row) be placed next to each other and (based on other flex options) expanded / shrunk to fit the available space or just sit side by side.

For flex-column it is the same but items are stacked vertically.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial