bootstrap does not align items in a row code example
Example 1: alighn right boostrap 4
<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>
Example 2: bootstrap display flex
<div class="d-flex">I'm a flexbox container!</div>