关于bootstrap如何让一个div在垂直水平方向居中且自适应不同分辨率

1：在要居中的div加<div class="col-lg-4 col-lg-offset-4  col-sm-6 col-sm-offset-3 col-xs-8 col-xs-offset-2 container col-center-block"></div>

2:在css中加.col-center-block {

position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform:  translateY(-50%);
-ms-transform:  translateY(-50%);
-o-transform:  translateY(-50%);
transform:  translateY(-50%);
}

首先解释第一个：1：栅格无论任何分辨率都有12格 offset指偏移量 大家可以画个表格图 当大屏占据4格再向右移动4格时div占据中间4格理左右两边都有4格 其他的也一样。

2:

 //-ms代表ie内核识别码   //-moz代表火狐内核识别码  //-webkit代表谷歌内核识别码   //-o代表欧朋【opera】内核识别码

transform:是css3的 代表偏移 translateY(-50%); 意思是偏移理浏览器上部长度的50% 大家想想 本来在绝对定位距离顶部50% div头部距离顶部50% 然后整个div向Y轴上部偏移50%,即自身长度的一半.从而实现了相当于在屏幕中间有条横线，这条横线把div截成两半。 第二点可能我解释有点问题，希望各位见谅 第二点就当是参考参考吧