Can't get bootstrap tooltips to work

I’m struggling to get bootstrap tooltips working.

I have links in this form:

<a href="<?php the_permalink(); ?>" data-toggle="tooltip" data-placement="top" title="Tooltip on top">test link</a>

And in _main.js I have:

common: {
        init: function() {
            // JS here

_main.js is compiling without error to scripts.min.js via grunt.

However the tooltips are failing to show up.

There’s a demo page where the thumbnail is an anchor tag with the correct data-toggle attribute but the tooltip is simply not firing:

I’m at a loss as to how to troubleshoot this issue, any assistance would be appreciated.

You’re loading the list of composers via ajax, meaning the elements do not exist when common.init fires. You’ll need to use a callback.

This isn’t Roots or Bootstrap related so I’m going to close it.