Question

我阅读了有关该常见问题的大量不同主题和文章，但仍然没有有效的解决方案。现在，我有点绝望了，非常感谢您的帮助，下面是代码：

.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垂直和水平对齐

Answer 1

将其分解为可测试的小步骤，而无需立即引用所有各个类。从容器，行和单列开始。然后测试以评估它是否有效。然后再添加一个类并进行测试。重复直到看到失败为止。我的猜测是语法。使用哪个版本的引导程序。另外，不要调用引导类，而要调用css属性。 style =“ text-align：center;”。

Bootstrap垂直对齐无论如何都不起作用

1 个答案: