对齐 DIV 中的文本 - CSS Bootstrap

Question

我是前端开发新手，我在尝试简单地将此标签的文本在 div 中居中时遇到了麻烦。参见印刷品；我希望文本居中，位于图像下方。我正在使用引导程序。这是我使用的代码：

<div class="container">
            <div class="row">
              <div class="col">
                    <a href="/abrircampanha">
                    <img src="../images/IconAbrirCampanha.png" class="img-thumbnail" alt="Abrir">
                    
                    </a>
              </div>
              <div class="col">
                
                <a href="/abrircampanha">
                    <img src="../images/IconNovaCampanha.png" class="img-thumbnail" alt="Abrir">
                    <h3 class="h6 mb-3"> Abrir campanha </h3>

                    
                    </a>
              </div>

            </div>
          </div>

将文本置于图像下方居中。

Answer 1

要使用 bootstrap 将文本居中，您必须使用 text-center 类