动态位置自定义弹出窗口基于页面高度

Question

我的ui-bootstrap-custom-0.12.1.js用于popover，默认位置设置为“top”，但是如果popover在默认位置是top，我无法在popover中查看我的内容。有没有办法将popover动态定位到底部？。

<div class="pagination-centered">
  <h2>Title: {{item.title}}</h2>
  <div  popover="patientHover" popover-title="item.title" popover-placement="top" popover-trigger="click">
    <button class="btn">{{text}}</button>
  </div>
</div>

这是plunker链接[Popover position top] [1]

http://plnkr.co/edit/OQ9xia2dmW1tgnYzNCKD?p=preview