Twitter bootstrap 在液体容器内水平对中卡片

Twitter bootstrap 在液体容器内水平对中卡片,twitter-bootstrap,bootstrap-4,Twitter Bootstrap,Bootstrap 4,我正在做一个登录页,想将两张卡片水平居中。问题是,我希望它们更小,因为每个卡都有“col-md-3”类,但我无法将它们居中。下面提供了我尝试过的CSS样式的代码段: .card{ 边距:0自动;/*已添加*/ 浮动:无;/*已添加*/ 页边距底部:10px;/*已添加*/ } 登记处 Registriraj se i počni igrati 普里爪哇 Ako si registriran,prijavi se ovdje 找到解决方案:使用行类将div更改为包含调整资源中心 <div

我正在做一个登录页,想将两张卡片水平居中。问题是,我希望它们更小,因为每个卡都有“col-md-3”类,但我无法将它们居中。下面提供了我尝试过的CSS样式的代码段:

.card{
边距:0自动;/*已添加*/
浮动:无;/*已添加*/
页边距底部:10px;/*已添加*/
}

登记处

Registriraj se i počni igrati

普里爪哇

Ako si registriran,prijavi se ovdje


找到解决方案:使用
类将div更改为包含
调整资源中心

<div class="row justify-content-center">

运行您的代码片段并查看整个页面,您会发现引导程序根据页面大小将其垂直推送