Bootstrap 3 Carousel：用文本替换指标答案

【问题标题】：Bootstrap 3 Carousel: Replace indicators with textBootstrap 3 Carousel：用文本替换指标
【发布时间】：2014-08-16 09:56:43
【问题描述】：

我正在尝试用文本替换引导轮播上的指示符，几乎就像某种导航，但即使经过数小时的搜索，我也没有成功地发现如何做到这一点。我发现了很多自定义指标的 css 选项，但没有找到完全用文本替换它们的方法。该文本将是轮播“幻灯片”的标识标题。代码自然是

    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
        <li data-target="#carousel-example-generic" data-slide-to="4"></li>
    </ol>

我想说我已经尝试了很多，但一切都是在黑暗中进行的，我知道一开始就走错了方向。感谢您提前解决这个问题。

【问题讨论】：

标签： text navigation twitter-bootstrap-3 carousel

【解决方案1】：

这就是我的做法：

HTML

<ol class="carousel-indicators">
   <li data-target="#carousel" data-slide-to="0" class="active">text1</li>
   <li data-target="#carousel" data-slide-to="1">text2</li>
   <li data-target="#carousel" data-slide-to="2">text3</li>
</ol>

CSS

.carousel-indicators li{
    text-indent:0;
    width:200px;
    height: 40px;
    border:none;
    background-color: transparent;
}

【讨论】：