Javascript 在引导转盘中对齐文本或图像

我使用bootstrap3.3.4，我想知道哪种方式更适合对齐carousel中的文本或项目

下面是一个滑块示例。我如何像这样对齐文本，并在同一位置保持任何屏幕分辨率。我使用

top:x，right:x

，但每次调整窗口大小时，文本都会爬到上方，不再停留在中间

用于对齐的CSS

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 40%;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

只是基本的引导滑块。但若我以底部40%为例，将页面中间的文本抬高，效果会更好。但是如果我使用较小的显示，文本会上升并几乎保持在顶部

在本文中，在每台设备上保持固定。

<div class="wrap">
    <div class="display-table">
        <div class="display-cell">
           <h1>Title in here</h1>
        </div>
    </div>
</div>

<style>
.wrap {
    width:            100%;
    height:           400px;
}
.display-table {
    width:            100%;
    height:           100%;
    display:          table;
}
.display-cell {
    width:            100%;
    height:           100%;
    display:          table-cell;
    vertical-align:   middle;
}
</style>

标题在这里
.包裹{
宽度：100%；
高度：400px；
}
.展示台{
宽度：100%；
身高：100%；
显示：表格；
}
.显示单元{
宽度：100%；
身高：100%；
显示：表格单元格；
垂直对齐：中间对齐；
}

这允许固定的垂直对齐，并且可以跨浏览器工作。只需注意应用于的固定高度。必须存在包裹，子级才能继承100%的高度

---

希望这有帮助：）

希望，试试这个演示，在引导转盘中垂直居中文本

这是

我在这里所做的就是给

div

一个包含文本的高度，然后用这个css定位它

.vcenter {
    position: absolute;
    height:100px;
    width:100%;
    top:50%;
    bottom:50%;
    margin-top: -50px; 
    margin-bottom: -50px;
}

---

您尝试过哪些CSS样式？@hope-非常重要的是，您必须指定您迄今为止尝试过的所有样式。我建议-您也可以通过JSFIDDLE.net共享代码。我知道这种方法。但在引导滑块中不起作用。。。我不知道为什么。我使用相对位置。不起作用。文本位于滑块图像后面。。。