Twitter引导弹出窗口的HTML标记

我正试图弄清楚要使用什么样的CSS类来实现这样的效果：

<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>

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

---

我怎样才能得到一个像上面那样的popover，只使用标记处理

div

元素，而不需要javascript调用和单击？

呈现popover的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>

你的头衔在这里
你的内容在这里

---

用你想要的任何方式来替换“正确”这门课。

顺便说一句，你的英语很棒！我唯一的意见是，

i

总是以大写字母

i

-

i

的形式书写，这本身总是错误的。请重新打开这个问题。为了让问题更清楚，对它进行了编辑。这是非常有效的，我有同样的问题！

<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>