$(function () {
$('[data-toggle="tooltip"]').tooltip()
})<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" /><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script><a class="btn btn-outline-secondary" data-toggle="tooltip" title="Title" data-placement="left" href="#" alt="EMAIL"><img src="email-icon.png" width=100 height=100 ></a>I think I've tried everything including other posts on here.
I've added a script at the very start of my section which goes as follows:
And I'm attempting to add a tooltip to my button which looks like this:
And it does absolutely nothing. I've added all the relevant .js files, and the only thing I can think of is that maybe the fact that I'm using bootswatch CSS could be messing it up? Please help!