JSFiddle - React, Tailwind, and code Playground

by Geo George

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="tooltip-demo well">
    <p style="margin-bottom: 0;" class="muted">Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A <a title="<h1><b>Another</b> <em>one</em> here too</h1>" data-html="true" rel="tooltip" href="#">really ironic</a> artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
</p></div>

CSS

.tooltip{
  position:static;
      opacity: 1;
      font-size:30px;
}

JavaScript

$('.tooltip-demo.well').tooltip({
  selector: "a[rel=tooltip]"
})

$("body").append("<label href='#' class='tooltip'>aaa</label>");


var titles="pppp<br/>ddddddddddd"

$(".tooltip").attr({"rel":"tooltip","data-toggle":"tooltip","data-original-title":titles,"data-html":true });

$('body').tooltip({
  selector: ".tooltip"
})

/* $('.tooltip').each(function () {
            $(this).tooltip(
            {
                html: true,
                title: $('#' + $(this).data('tip')).html()
            });
        }); */