Geek asks and answers

"example" header in twitter bootstrap

twitter bootstrap has examples of functions, and examples are contained in a DIV with the class "bs-docs-example". each such DIV has the string "Example" written in the upper left corner. I want to know where this line comes from, and if I can use / configure it?

+5
source share
2 answers

If you look at Github for Bootstrap , you will see what it .bs-docs-examplehas content: "Example"for ::after(for an explanation on how to manage content using 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 change the member content, you change the text.

+7
source

, , . , , , .

, - :

<div class="row">    
  <div class="span12 thumbnail">
    <span class="thumbnail span1 muted text-center" style="margin-top:-5px; margin-left:-5px; background-color:#f5f5f5;">
      <small><strong>YOUR CUSTOM TEXT</strong></small>
    </span>    
  </div>
</div>

, div, div . , , , , , , , ..

0

More articles:


All Articles