Bootstrap 元素居中设置

一、Bootstrap水平居中

1、 文本：class ="text-center"

2、 图片居中：class = "center-block"

3、其他元素：

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登录框自适应水平居中+垂直居中