부트 스트랩 툴팁의 아이콘

Question

부트 스트랩의 툴팁에 아이콘을 추가 할 수 있는지 알고있는 사람이 있습니까? 부트 스트랩 툴팁에서 찾은 유일한 정보는 색상을 사용자 정의하는 방법 또는 animate.css를 사용하여 애니메이션을 추가하는 방법입니다. 그렇게 할 수 있습니까?

Answer 1

안녕하세요. 매우 쉽게 할 수 있습니다. 툴팁을 포함하는 요소에 다음 속성을 추가해야합니다. 첫 번째 data-html = "true". 그렇게하면 title = ""에 HTML을 삽입 할 수 있습니다. 그것은 당신에게 필요한 것을 제공해야합니다. 다음은 codepen 예입니다. 필자는 필자가 볼 수 있도록 툴팁을 정적으로 남겨 두었습니다. CodeBroJohn 내가 title.It에 HTML을 추가 할 수 있다는 것을 알지 못했다 <button type="button" data-toggle="tooltip" data-html="true" data-trigger="manual" data-placement="right" title="<button>Facebook</button>" class="btn btn-default" id="example">example</button>