부트 스트랩의 툴팁의 기본 스타일을 변경하고 싶습니다. 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에서
하지만 툴팁을 선택하지 않아도 도구 설명이 계속 작동합니다. 어떤 html 요소에'title' 속성을 추가하면 옵트 인을하지 않고 툴팁을 표시합니다 – LP13
툴팁은 부트 스트랩이 없어도 기본 기능입니다. 부트 스트랩 (Bootstrap) 팀은 '툴팁 (tooltip)'에서 커스터마이제이션을 자동으로 사용하지 않기로 선택했습니다. –