flex-direction in bootstrap 4 code example

Example 1: bootstrap flex direction column

d-flex flex-column

Example 2: flex direction column bootstrap 4

<div class="d-flex justify-content-start">...</div>
<div class="d-flex justify-content-end">...</div>
<div class="d-flex justify-content-center">...</div>
<div class="d-flex justify-content-between">...</div>
<div class="d-flex justify-content-around">...</div>

Example 3: display flex usnig bootstrap

<div class="d-flex p-2 bd-highlight">I'm a flexbox container!</div>