Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 将文本置于微调器引导下_Css_Bootstrap 4 - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 将文本置于微调器引导下

Css 将文本置于微调器引导下

css bootstrap-4

Css 将文本置于微调器引导下,css,bootstrap-4,Css,Bootstrap 4,我使用的是Bootstrap4.3微调器，所有功能都很好，但我想在微调器下添加额外的文本。这是我的HTML 加载。。。 收集数据 将这两个类添加到容器div中： flex-column align-items-center flex column使flexbox垂直堆叠，并将项目居中对齐将项目居中放置在新轴上 加载。。。 收集数据 将这两个类添加到容器div中： flex-column align-items-center flex column使flexbox垂直堆叠，并将项目居中

我使用的是Bootstrap4.3微调器，所有功能都很好，但我想在微调器下添加额外的文本。这是我的HTML


加载。。。
收集数据
将这两个类添加到容器div中：

flex-column align-items-center

flex column
使flexbox垂直堆叠，并将项目居中对齐将项目居中放置在新轴上


加载。。。
收集数据
将这两个类添加到容器div中：

flex-column align-items-center

flex column
使flexbox垂直堆叠，并将项目居中对齐将项目居中放置在新轴上


加载。。。
收集数据
问题是当您将包装div类定义为
display:flex时，它将内部元素堆叠为列


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




加载。。。
收集数据



container
类将从行中删除减号边框，
justify content center
将把行中的项目居中放置


问题是当您将包装div类定义为
display:flex时，它将内部元素堆叠为列


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




加载。。。
收集数据



container
类将从行中删除减号边框，
justify content center
将把行中的项目居中放置


GG，谢谢你，兄弟，谢谢你