Question

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

Bootstrap 3 Carousel：用文字替换指标

1 个答案: