JSFiddle - React, Tailwind, and code Playground

by Yuval Bar-On

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div id="content">
    <button class="btn btn-primary">
        Popover
    </button>
</div>

CSS

div#content {
    padding: 100px 40px;
}

button:focus,
button:active {
    outline: none !important;
}

JavaScript

$('button').popover({
    title: 'Some Title',
    content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe delectus a quisquam doloribus tempora corrupti perferendis hic sed at adipisci mollitia tempore impedit sapiente cupiditate voluptatem laboriosam magni. Neque dolore.',
    trigger: 'hover'
    
});