Home/ Questions/Q 8532211
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T09:39:46+00:00

on the twitter bootstrap there are examples of the features and the examples are

  • 0

on the twitter bootstrap there are examples of the features and the examples are contained in DIVs with the class ‘bs-docs-example’.
every such DIV has the string ‘Example’ written in the upper left corner. i want to know where is that string coming from and if i can use/customize it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you take a look at the Github for Bootstrap you’ll see that .bs-docs-example has content: "Example" set for ::after (for explanation on how to manage content with CSS3 see here).

    Basically, .bs-docs-example has this style attached to it:

    .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;
}

    If you modify content member you’ll modify the text.

    • 0