JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div class="well">
    <button id="elem" href="#" 
    class="btn btn-default" rel="popover"
    data-title="Example Popover" 
    data-content="Lorem ipsum dolor sit
    amet, consectetur adipisicing elit.
    Quaerat, recusandae, sunt, harum, 
    eius natus">hover for popover
    </button>
</div>

CSS

.well {
    margin-top: 40px;
}

JavaScript

$('#elem').popover({
    trigger: "hover",
    delay: {show : 1000, hide : 0}
});