JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div>
    <img id="notebookIcon" src="https://si0.twimg.com/profile_images/2919748222/193af07952fca7f5247da6cc1fe84a6d.jpeg" data-placement="bottom" data-toggle="tooltip" title="Apps" />
</div>

CSS

#notebookIcon {
    width: 200px;
    height: 200px;
}

JavaScript

$(function () {
    $('#notebookIcon').tooltip().on("mouseenter", function () {
        var $this = $(this),
            tooltip = $this.next(".tooltip");
        tooltip.find(".tooltip-inner").css({
            backgroundColor: "#fff",
            color: "#333",
            borderColor: "#333",
            borderWidth: "1px",
            borderStyle: "solid"
        });
    });
});