How to use bootstrap tooltip? [closed]

问题

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.

Closed 6 years ago.

I have used Bootstrap but the tooltip is not working

<a href="#" data-original-tittle="test" 
            data-placement="right"
            rel="tooltip"
            target=" _blank"> hover me 
</a>

Or do I need to use jQuery?

回答1:

Try to add tooltip like

<script type="text/javascript">
    $(function(){
       $('[rel="tooltip"]').tooltip();
    });
</script>

or you can directly select as

$('a').tooltip();

or try with it

<a href="#" data-toggle="tooltip"
data-original-title="Tooltip on right">hover me</a>

and your script like

$(function() {
    $('a').tooltip({placement: 'right'});
});

MY ULTIMATE FIDDLE finally HERE

回答2:

use jqueryselectors as follows:

<script type="text/javascript">
    $(function () {
        $("[rel='tooltip']").tooltip();
    });
</script>

Hope Its Helpful.

来源：https://stackoverflow.com/questions/16461317/how-to-use-bootstrap-tooltip