3

我试图弄清楚使用哪些 CSS 类来让Bootstrap 弹出框像这样：

上面的示例类似于引导文档中的第一个示例。

我怎样才能得到一个像上面那样div只使用标记处理元素的弹出框，而不需要 javascript 调用和点击？

4

2 回答 2

2

将呈现弹出框的 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
}
于 2012-11-03T21:22:17.680 回答
0 
<div class="popover right">
    <div class="arrow"></div>
    <h3 class="popover-title">Your title here</h3>
    <div class="popover-content">
        <p>Your content here</p>
    </div>
</div>

用您希望它显示的任何方式替换“正确”类。

于 2012-11-03T21:22:50.937 回答