Bootstrap3与Bootstrap4垂直⽔平居中
Bootstrap⽔平居中
// ⽂本：
class ="text-center"
// 图⽚居中：
class = "center-block"
//其他元素：
//bootstrap3⽔平居中：利⽤bootstrap列偏移
class = "col-md-offset-4 col-lg-offset-4col-xl-offset-4"
// bootstrap4⽔平居中：
class = "m-auto"
Bootstrap垂直居中
bootstrap3 如何让div内部垂直居中：
Bootstrap的栅格系统使⽤的是float：left的浮动⽅式，vertical-align属性不起作⽤，故把内部div的float属性清除，添加display属性，如下：.middle {
float: none;
display: inline-block;
vertical-align: middle;
}
Bootstrap3登录框⾃适应⽔平居中+垂直居中
blog.csdn/shenzhen_zsw/article/details/75331515
div中的div居中
Bootstrap4 如何让div内部垂直居中：
给元素定⾼度
.login-center {
height: 100vh;
}
应⽤.align-items-center可以使元素垂直居中：
<divclass="row align-items-centerjustify-content-center login-center">
…
</div>
应⽤. justify-content-center可以使元素⽔平居中：
————————————————
原⽂链接：blog.csdn/xif3681/article/details/80899918

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。