How can I automatically bring the text in the box to the center with bootstrap?

Question

I need boxes that text in the center. I tried px classes but it doesn't work. it's near but not exactly center. which bootstrap class can ı use in this subject ? enter image description here

Answer 1

One of the easiest way to center things in bootstrap is to use flex:

<div class="d-flex align-content-center align-items-center">
  <span>Your Text</span>
</div>