The alignment of content is not centered using bootstrap flex
<div class="d-flex flex-row bd-highlight mb-3">
<div class="p-2 bd-highlight text-left"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>
<div class="p-2 bd-highlight text-muted text-center justify-content-center" style="text-transform: uppercase;">comments</div>
<div class="p-2 bd-highlight">Flex item 3</div>
</div>
Despite using bootstrap 4, the
text-center justify-content-center
class doesn't seem to be functioning properly. Any assistance would be greatly appreciated.