Question

I do meteor add bootstrap in the console, does this add the bootstrap tooltip javascript? If not how do I add it?

Answer 1

Yes the bootstrap plugin includes the tooltip! I use it myself. A thing to note with bootstrap’s tooltip is that it cannot run on HTML alone like many of the other features due to performance issues. Each tooltip has to be manually initialized, You can use .tooltip() with jquery on the element you want to tooltip-ify

For instance in your template in your html file

<template name="myTemplate">
    <a href="#" rel="tooltip" title="first tooltip">hover over me</a><br/>
    <a href="#" rel="tooltip" title="second tooltip">hover over me</a><br/>
    <a href="#" rel="tooltip" title="third tooltip">hover over me</a><br/>
</template>

And as use the below in the javascript file to initialize the tooltip

Template.myTemplate.rendered = function() {
   $('a[rel=tooltip]').tooltip() //initialize all tooltips in this template
};

Don’t put the <script> tags in your template as would be suggested on various tutorials as meteor handles this in the javascript files