JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="wrap">
<div id="myelemt"> click me </div>
</div>

CSS

#myelemt{
    margin: 200px;
    display: inline-block;
}

.wrap{
    width: 400px;
    height: 200px;
}

JavaScript

$('#myelemt').popover({placement: 'right', title: 'What is this', 
                        content: 'content content content content content content content content content content content ', trigger: 'manual', html: 'true', container: '.wrap'});


    $('#myelemt').click(function(e) {
        $('#myelemt').popover('show');
        $('.popover-title').append('<button type="button" class="close close_help" onclick="$(&quot;#myelemt&quot;).popover(&quot;hide&quot;);">&times;</button>');
        e.stopPropagation();
    });

    $('.close_help').click(function(e){

        $(this).parents('#myelemt').popover('hide');
        e.preventDefault();

    });