将文本置于微调引导程序下

Question

我正在使用Bootstrap 4.3 Spinner，一切正常，但是我想在Spinner下添加其他文本。这是我的HTML

<div class="d-flex justify-content-center">
       <div class="row">
           <div class="spinner-border" role="status">
               <span class="sr-only">Loading...</span>
            </div>
         </div>
        <div class="row">
            <strong>Collecting data</strong>
        </div>
                            
    </div>

但是文本“收集数据”附加在微调框上，我该如何解决？

Answer 1

将这两个类添加到容器div中：

flex-column align-items-center

flex-column使flexbox垂直堆叠，align-items-center并使项目在新轴上居中。

flex-column align-items-center