text - Bootstrap 3 轮播 : Replace indicators with text

Question

我试图用文本替换引导轮播上的指标，几乎就像各种导航一样，但即使经过数小时的搜索，也没有成功地发现如何做到这一点。我发现了很多用于自定义指标的 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>

我想说我已经尝试了很多，但一切都是在黑暗中拍摄的，我知道它开始的方向是错误的。我很感激能提前解决这个问题。

Answer 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;
}