purpose of new d-flex class in bootstrap

mikha
mikha used Ask the Experts™
on
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.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
Take a read of these to links
A comprehensive guide to FlexBox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
The Bootstrap Flex Classes Guide
http://getbootstrap.com/docs/4.1/utilities/flex/

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