Text 引导3转盘:用文本替换指示器

Text 引导3转盘:用文本替换指示器,text,navigation,twitter-bootstrap-3,carousel,Text,Navigation,Twitter Bootstrap 3,Carousel,我正试图用文本替换引导转盘上的指示器,这几乎像是某种导航,但即使在数小时的搜索后也没有成功地发现如何做到这一点。我已经找到了许多定制指标的css选项,但没有一种完全用文本替换它们的方法。文本将作为转盘“幻灯片”的识别标题。当然,代码是 <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"&g

我正试图用文本替换引导转盘上的指示器,这几乎像是某种导航,但即使在数小时的搜索后也没有成功地发现如何做到这一点。我已经找到了许多定制指标的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>

  • 我想说,我已经尝试了很多,但一切都是在黑暗中拍摄的,我知道这是一个错误的方向开始。我非常感谢您提前帮我弄明白这一点。

    我就是这样做的:

    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>
    
    .carousel-indicators li{
        text-indent:0;
        width:200px;
        height: 40px;
        border:none;
        background-color: transparent;
    }