Is page center alignment correct (Bootstrap 4)?

Question

css

Hello!
Task: display any element in the center of the page with a certain width of this element (Bootstrap 4).
Decided like this:

<div class="container-fluid h-100">
    <div class="row align-items-center h-100">
        <div class="col-sm-12">
            <div class="row justify-content-center">
                <div class="col-4 text-center"> // элемент, и его ширина == col-4

                    // content

                </div>
            </div>
        </div>
    </div>
</div>

Question: Is the layout correct for the task at hand? If not, I would be grateful for illustrative examples!
Thank you!

Answer 1

I do not know where you found in .justify-content-centerthe .text-centerfourth version.
Works.text-xs-center

Answer 2

even i would say just text-center