在twitter bootstrap上有一些功能的例子,这些例子包含在带有’bs-docs-example’类的DIV中.
每个这样的DIV都在左上角写有字符串’Example’.我想知道来自哪个字符串,以及我是否可以使用/自定义它?
每个这样的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; }
如果您修改内容成员,您将修改文本.