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

 

posted @ 2019-10-28 15:05  nxmxl  阅读(61655)  评论(0编辑  收藏  举报