JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script>
<div class="row">
    <div class="col-lg-4 panel">
         <div class="inner well">
             <button class="btn btn-default">Popover</button>
        </div>
    </div>
</div>

CSS

.panel{
    height: 300px;
    overflow-y: scroll;
}

.inner{
    height: 500px;
}

JavaScript

$('.btn').popover({
    placement: 'right',
    title: 'Title',
    content: 'Popover Contents....',
});