2017-03-01 5 views
0

부트 스트랩의 툴팁의 기본 스타일을 변경하고 싶습니다. W3Schools 문서를 따른 후이를 수행 할 수있었습니다. 그 기사뿐만 아니라 다른 SO post 내가 툴팁 요소에 test 클래스를 추가 할 필요가 의미 아래부트 스트랩의 툴팁 JavaScript 초기화가 커스텀 스타일에 필요한 이유는 무엇입니까?

/* Tooltip on top */ 
    .test + .tooltip.top > .tooltip-arrow { 
     border-top: 5px solid green; 
    } 

같은 것을 사용하는 것이 좋습니다. 내가 test 클래스를 추가하지 않기로 결정, 그래서하지만 난 모든 툴팁이 같은 스타일을 갖고 싶어

내 사용자 지정 내가 자바 스크립트를 사용하여

$(document).ready(function(){ 
    $('[data-toggle="tooltip"]').tooltip(); 
}); 
을 toolips를 초기화해야 할 작업 스타일을 얻기 위해, 그러나 JSFiddle is here

작업

이 자바 스크립트를 삭제해도 툴팁은 계속 작동하지만 맞춤 스타일링은 표시되지 않습니다.

그래서 툴팁은 자바 스크립트를 사용하여 초기화하는지 여부에 관계없이 툴팁이 작동하지만 사용자 정의 스타일은 자바 스크립트를 사용하여 초기화하는 경우에만 작동합니다. 왜? Boostrap - Tooltips에서

답변

0

:

옵트 성능상의 이유로 기능

, 도구 설명 및 팝 오버 데이터 API를 당신이 그 (것)들에게 자신을 초기화해야 의미 선택 하에서이다.

+0

하지만 툴팁을 선택하지 않아도 도구 설명이 계속 작동합니다. 어떤 html 요소에'title' 속성을 추가하면 옵트 인을하지 않고 툴팁을 표시합니다 – LP13

+0

툴팁은 부트 스트랩이 없어도 기본 기능입니다. 부트 스트랩 (Bootstrap) 팀은 '툴팁 (tooltip)'에서 커스터마이제이션을 자동으로 사용하지 않기로 선택했습니다. –