JSFiddle - React, Tailwind, and code Playground

by David_Knowles

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="root">
    a p:
<p class="muted"> <a id="example1" rel="tooltip" href="#">twitter handle</a> freegan cred raw denim single-origin coffee viral.
</p>
    end p
</div>

CSS

div.root {
    margin-top: 20px;
    margin-left: 20px;
}

p.testtooltip {
    outline: red solid thin;
}

JavaScript

$('#example1').tooltip({placement: 'bottom', title: '<p class="testtooltip">par</p>', html: true});