I'm looking at the standard bootstrap full page carousel http://startbootstrap.com/template-overviews/full-slider/ and carousel indicators are defined as:
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
I know it's relatively easy to add a tooltip for example to a button by writing:
<button class="btn btn-simple" id="mybutton" data-toggle="tooltip"
data-placement="top" data-original-title="Text of tooltip">
but is there a way of adding a tooltip to one of the three dots/indicators of carousel? I tried writing:
<li data-target="#myCarousel" data-slide-to="2" data-toggle="tooltip"
data-placement="top" data-original-title="Text of tooltip"></li>
but the tooltip is not visible...
Aucun commentaire:
Enregistrer un commentaire