Bootstrap静态弹出窗口

Question

在bootstrap popover文档(http://getbootstrap.com/javascript/#popovers)中,它们在页面上以静态方式显示popover(在它连接到按钮的示例之前).

我想在我的页面上显示一个popover作为对我网站上某些内容的解释 - 但是希望它始终显示,而无需用户点击任何内容.

我怎么能像他们一样展示静态弹出窗口？找不到一个选择.

谢谢

Answer 1

如果你检查Bootstrap在他们的例子中使用的HTML,他们只是fade从HTML元素中删除了类,然后覆盖了一些默认样式.

HTML

<div class="popover-example"> <!-- NEW -->
  <div class="popover top">
    <div class="arrow"></div>
    <h3 class="popover-title">Popover top</h3>
    <div class="popover-content">
      <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
    </div>
  </div>
</div>

CSS

.popover-example .popover {
  position: relative;
  display: block;
  margin: 20px;
}

DEMO

Answer 2

尝试这个：

$('your_selector').popover('show');