alignment bootstrap code example

Example 1: bootstrap 4 center div

<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 2: bootstrap content alignment

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

Example 3: bootstrap content alignment

<div class="d-inline-flex p-2">I'm an inline flexbox container!</div>