用于 Twitter Bootstrap Popovers 的 HTML 标记

Question

<分区>

Answer 1

将呈现弹出窗口的 HTML 看起来像这样:

<div class="popover right popover-example">
    <div class="arrow"></div>
    <h3 class="popover-title">Popover right</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>

但是，默认情况下，.popup 是display: none 所以你可能想要覆盖；在这种情况下，我添加了一个类 popover-example 并将定义以下附加 CSS:

.popover.popover-example {
    display: block
}