JSFiddle - React, Tailwind, and code Playground

by BenjaminRay

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<a class="btn myclass" rel="popover" data-content="Summary text." title="title text" data-html="true">Popover</a>

<a class="btn myclass" rel="popover" data-content="Summary text." title="title text" data-html="true">Popover</a>

<a class="btn myclass" rel="popover" data-content="Summary text." title="title text" data-html="true">Popover</a>

JavaScript

$(document).ready(function () {
    $('.bookovers').popover(); // Only necessary if you have objects with class "bookovers"
    $('.myclass').popover(); // Makes popover for each of the 3 classes with "myclass"
});