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截成两半。 第二点可能我解释有点问题,希望各位见谅 第二点就当是参考参考吧