JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <a class="brand" href="#">Title</a>
    <ul class="nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </div>
</div>
<div class="bigPage">
  <div class="opaa">
  dfdsfsf
  <a href="#" id="pop" data-toggle="popover" data-placement="bottom" data-content="This is my popover">Link</a>
  </div>
  <div class="opaa">
  dfdsfsf
  </div>
  <div class="opaa">
  dfdsfsf
  </div>
</div>

CSS

.bigPage{
    height: 50vh;
    background: yellow;
}
.opaa {
  height: 500px;
  margin: 100px;
}

JavaScript

$('#pop').popover();