我已经阅读了大量关于这个常见问题的不同主题和文章，但仍然没有可行的解决方案。现在我有点绝望，所以我非常感谢任何帮助，这是代码：
.auth-tab {
background-color: red;
}<body>
<div class="container-fluid">
<div class="row justify-content-center align-items-center">
<div class="auth-tab col-xs-12 col-sm-8 col-md-5 col-lg-6 col-xl-6">
sth
</div>
</div>
</div>
</body>我想要的是垂直和水平对齐.auth-tab
将其分解为可测试的小步骤，而无需一次引用所有不同的类。仅从容器、行和单列开始。然后进行测试以评估它是否有效。然后再添加一个类并进行测试。重复此步骤，直到看到失败的内容。我的猜测是语法。正在使用哪个版本的引导程序。此外，与其调用引导类，不如调用 css 属性;样式="文本对齐：居中;"。