使用Bootstrap将图像居中在一个div中。

12 浏览
0 Comments

使用Bootstrap将图像居中在一个div中。

我的登录表单中有一个部分可以使用Facebook和Google等社交网络登录，但问题是我无法将图标置于div下方并保持响应式。

请帮帮我！

.row {
  background: #f8f9fa;
  margin-top: 20px;
}
.col {
  border: solid 1px #6c757d;
  padding: 10px;
}






    使用以下方式登录

谢谢！

0

1 答案

0 Comments

在使用Bootstrap类时，向包裹a标签的div添加"d-flex justify-content-center align-items-center"类。

在没有使用Bootstrap的常规CSS中，以下是居中的方法：

你应该给包裹a标签的父div添加以下CSS属性：

display: flex;

align-items: center;

justify-content: center;

感谢你的帮助！

0