twitter-bootstrap – twitter示例中的“示例”标题

发布时间：2020-12-17 20:36:26 所属栏目：安全来源：网络整理

导读：在twitter bootstrap上有一些功能的例子,这些例子包含在带有’bs-docs-example’类的DIV中. 每个这样的DIV都在左上角写有字符串’Example’.我想知道来自哪个字符串,以及我是否可以使用/自定义它？解决方法如果您 take a look at the Github for Bootstrap

在twitter bootstrap上有一些功能的例子,这些例子包含在带有’bs-docs-example’类的DIV中.
每个这样的DIV都在左上角写有字符串’Example’.我想知道来自哪个字符串,以及我是否可以使用/自定义它？

解决方法

如果您 take a look at the Github for Bootstrap,您将看到.bs-docs-example有内容：“示例”设置为:: after(有关 how to manage content with CSS3 see here的说明).

基本上,.bs-docs-example附加了这种风格：

.bs-docs-example::after
{
    content: "Example";
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: whiteSmoke;
    border: 1px solid #DDD;
    color: #9DA0A4;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}

如果您修改内容成员,您将修改文本.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!