twitter-bootstrap - 如何在 Twitter Bootstrap 中为 well 获得嵌入标题？

Question

我正在使用 Twitter Bootstrap 进行一些样式设置，并且我正在尝试复制带有 Twitter Bootstrap 在其文档页面上使用的标题的组框。

我可以找到 CSS，但显然这里涉及到一些 JavaScript 来将“示例”文本放入 DOM。理想情况下，我想要的是能够拥有一个样式为图像的 DIV，但我提供了诸如“我的标题”之类的标题，以便我可以将其与“示例”不同。

有没有人有任何建议？

Answer 1

似乎我错过了实际添加内容的 CSS 类！因此，如果您想实现此结果，请包含以下 CSS：

.group-example:after {
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;
    color: #9DA0A4;
    content: "Example";
    font-size: 12px;
    font-weight: bold;
    left: -1px;
    padding: 3px 7px;
    position: absolute;
    top: -1px;
}
.group-example {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    margin: 15px 0;
    padding: 39px 19px 14px;
    position: relative;
}