Twitter bootstrap 3 引导：仅创建文本旋转木马

我只想做一个文本旋转木马

我从中复制了原始示例，删除了图像并查看了一些其他示例

<div id="carousel-example-captions" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
    <li data-target="#carousel-example-captions" data-slide-to="0" class=""></li>
    <li data-target="#carousel-example-captions" data-slide-to="1" class="active"></li>
    <li data-target="#carousel-example-captions" data-slide-to="2" class=""></li>
    </ol>
    <div class="carousel-inner">
    <div class="item">
      <div class="carousel-caption">
        <h3>First slide label</h3>
        <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
      </div>
    </div>
    <div class="item active">
      <div class="carousel-caption">
        <h3>Second slide label</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      </div>
    </div>
    <div class="item">
      <div class="carousel-caption">
        <h3>Third slide label</h3>
        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
      </div>
    </div>
    </div>
    <a class="left carousel-control" href="#carousel-example-captions" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-captions" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>

第一张幻灯片标签
自由精英的生命，自由的法雷特拉·奥古斯·莫利斯

第二张幻灯片标签
Lorem ipsum dolor sit amet，是一位杰出的献身者

第三张幻灯片标签
这是一个伟大的共产主义者

然而，这些指标现在没有很好地协调一致。是什么让这一切发生的

有没有一种简单的方法可以通过引导实现文本轮转

---

谢谢。

旋转木马指示器类具有绝对定位。底部属性在媒体查询中设置。您可以通过添加以下内容在css中覆盖此内容：

.carousel-indicators {
    bottom: 0;
}

---

谢谢，这很有效。你知道有没有办法处理不同长度的内容？例如，本例中的第三张幻灯片较长，它使容器的大小从一张幻灯片更改为另一张幻灯片。如果大的大小可以设置，文本在中间对齐，那就太好了，但我不确定这是否可能。有两种方法来处理。滑动时使文本垂直居中（而不是滑动到位然后居中）可能需要一点javascript魔法。如果你发布另一个问题，我很乐意发布几个选项，也许其他人会有更好的解决方案。（只是在评论中不容易回答）。