JSFiddle - React, Tailwind, and code Playground

by Andrey Izman

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 style="height: 100px;">
    <br />Static text.</div>
<div style="position: absolute; width: 400px; height: 120px;" id="fixed-div">
    <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
sagittis lacus vel augue laoreet rutrum faucibus." id="popover">Popover</button>
</div>
<div style="height: 200px;"></div>

JavaScript

// comment this
/* $('[data-toggle="popover"]').popover({container: "body"} */);

// uncomment this
$('[data-toggle="popover"]').popover({container: "#fixed-div"});