JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<div class="wrapper">
    <button class="btn btn-default pull-right">Hover me too</button>
    <button class="btn btn-default">Hover me</button>
</div>

CSS

.wrapper{
    margin-top: 300px;
}
.popover{
    min-width: 300px;
}

JavaScript

$('button').popover({
    content: 'this is popover',
    title: 'this is title',
    placement: 'top',
    trigger: 'hover'
});