Positions

Enable the both vertically and horizontally alignment with a position utilities.

Centering

Assuming the parent element has position: relative;, these properties will center a child element both horizontally and vertically inside, no matter what the width of height of either are.

I am centered.
                            
                              <div class="position-relative bg-primary" style="width: 200px; height: 200px;">
                                <div class="bg-white position-absolute position-centered p-3">I am centered.</div>
                              </div>