I want a Bootstrap 3 tooltip on an icon. Searching here and on SO showed several ways to do so. I settled on this one:
HTML:
<span class="glyphicon {{options.tooltipIcon}}"
style='color: {{options.tooltipIconColor}}'
data-toggle='tooltip'
data-placement='top'
title='{{options.tooltipText}}' aria-hidden="true">
</span>
and JS (in the HEAD):
<script type='text/javascript'>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
This works fine except that I’m getting browser tooltips (white box with black outlines and non-html text) instead of the Bootstrap version. I have twbs:bootstrap v1.14.2 installed and other Bootstrap objects work (Progress-bars for instance). I don’t see any other bootstrap packages installed. I’ve tried loading the bootstrap .js and .css directly from the CDN, but that makes no difference. I can live with the gawd-awful looking browser tooltips for now, but hopefully someone knows what I’m doing wrong.