JSFiddle - React, Tailwind, and code Playground

by davidchase03

HTML

<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-popover.js"></script>
<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<div class="container">
    
<h2>Example of creating Modal with Twitter Bootstrap</h2> 
    <div class="well">
        <a href="http://yahoo.com" id="example"  target="_blank" class="btn btn-danger" rel="popover">hover for popover</a> 
    </div>
</div>

CSS

.box {
    display:block;
    width:200px;
    height:100px;
    background-color:#DDD;
}
.popover-content {
    padding:0px 0px;
}
#example {
    position:relative;
}

JavaScript

$('#example').popover({
    html: true,
    trigger: 'hover',
    container: '#example',
    placement: 'right',
    content: function () {
        return '<div class="box"><a href="http://google.com" target="_blank">Google</a></div>';
    }
});