twitter-bootstrap - 如何让 bootstrap carousel 上的文字保持不动，而图像移动？

Question

基本上，我让轮播正常工作，但我只希望图像过渡但文本在每张幻灯片上相同。理想情况下，文本不会移动，但图像会在背景中移动。

Answer 1

这是一个例子:http://www.bootply.com/pINPxqzlJ2

使用 absolute 定位您放置在 carousel 之前的叠加元素...

.overlay { 
  color:#fff;
  position:absolute;
  z-index:12;
  top:50%;
  left:0;
  width:100%;
  text-align:center;
}