트위터 부트 스트랩에서 인세 트 제목을 어떻게 얻을 수 있습니까?

Question

일부 스타일링을 위해 Twitter Bootstrap을 사용하고 있으며, Twitter Bootstrap이 해당 설명서 페이지에서 사용하는 제목이있는 그룹 상자를 복제하려고합니다.

나는 CSS를 찾을 수 있지만, 분명히 일부 자바 스크립트가 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; 
}