这段代码是让div 内容响应式水平居中

<div class="col-lg-4 col-lg-offset-4  col-sm-6 col-sm-offset-3 col-xs-8 col-xs-offset-2" id="center">
    内容
</div>

这段css是让div内容垂直居中

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

其实垂直居中方法实现有很多，这是我目前水平认知比较好的解决方案

幸苦手码代码，望采纳！

哦   谢谢你的回答    我想要一个div在另一个div中 既水平居中又可以垂直居中

<div class="container">
内容
</div>

水平居中你可以在body里面  建议在.container里面，这样的话就内容正题居中，然后用col类调整水平位置

<div class="container">
    <div class="col-md-6 col-md-offset-3">
    内容
    </div>
</div>

不明白你所谓的垂直居中，本来bootstrap就是适应不同宽度的流浏览器 高度是不设置的 所以也不存在神么垂直居中吧

个人愚见，初学者，大牛勿喷