html - 如何在引导程序中居中元素？

Question

<div class="container-fluid">
<div class="col-md-4">
  <div class="container">
  <img src="System admin.png" alt="Avatar" class="image">
  <div class="overlay">
    <div class="text">System Adminstrator</div>
  </div>
 </div>
</div>

<div class="col-md-4">
  <div class="container">
    <img src="Project manager.png" alt="Avatar" class="image">
    <div class="overlay">
      <div class="text">Project Manager</div>
    </div>
    </div>
</div>

输出：

我一直试图一遍又一遍地将这两张图片居中，但似乎找不到办法。我尝试搜索网格并尝试使用行，结果仍然相同。

标签： htmlcsstwitter-bootstrapbootstrap-4