无论如何，引导垂直对齐都不起作用[重复]

【问题标题】：Bootstrap vertical alignment not working no matter what [duplicate]无论如何，引导垂直对齐都不起作用[重复]
【发布时间】：2018-10-13 21:48:00
【问题描述】：

我已经阅读了大量关于该常见问题的不同主题和文章，但仍然没有有效的解决方案。现在我有点绝望，所以我非常感谢任何帮助，这里是代码：

.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

【问题讨论】：

标签： html css bootstrap-4

【解决方案1】：

将其分解为可测试的小步骤，而无需同时引用所有不同的类。从容器、行和单列开始。然后测试以评估它是否有效。然后再添加一门课程并进行测试。重复直到你看到失败的地方。我的猜测是语法。正在使用什么版本的引导程序。另外，不要调用引导类，而是调用 css 属性；样式=“文本对齐：中心；”。

【讨论】：

我可能会尝试添加 text-align:center;到 auth-tab 属性看看它是否有效。
我不需要对齐文本，需要整个 div。版本 - 4.1.3
@run4w4y 你试过我的建议了吗？
是的，只是纯粹的 .container 和 .row align-items-center 但仍然没有