استفاده از flex در bootstrap 4

<div class="container">
<div class="d-flex align-items-center py-2">
<div class="bg-primary p-2">
      def</div>
<div class="text-left flex-grow-1 bg-info p-2">
      abc</div>
</div>
</div>

منبع