Modifying Twitter Bootstrap's Tooltip Colors Based on Position

Question

I am trying to output various colors for the tooltips (edit: from Twitter Bootstrap) but it seems I\'m not quite getting it. Just changing the default color hasn\'t been har

Answer 1

See my reply to a similar question: Change bootstrap tooltip color

It is applicable to style tooltips of the existing and dynamically created elements, using Bootstrap 3 or Bootstrap 4.

Bootstrap 3:

$(document).on('inserted.bs.tooltip', function(e) {
    var tooltip = $(e.target).data('bs.tooltip');
    tooltip.$tip.addClass($(e.target).data('tooltip-custom-class'));
});

Examples:
for Bootstrap 3
for Bootstrap 4