JSFiddle - React, Tailwind, and code Playground

by Collin Donahue-Oponski

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<a href="javascript://"
    class="btn btn-info"
    data-toggle="tooltip"
    data-placement="bottom"
    title="Tooltip on bottom">
        Tooltip on bottom
</a>

CSS

a {
    margin: 40px;
}

JavaScript

jQuery.fn.boottip = jQuery.fn.tooltip.noConflict();

jQuery(function($) {
    $('a').boottip();
});