【问题标题】: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 但仍然没有
    猜你喜欢
    • 2018-02-15
    • 2018-01-13
    • 2018-11-12
    • 2017-12-18
    • 1970-01-01
    • 2017-05-13
    • 2016-10-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多