본문 바로가기

Development/WebUI FrameWork | BootStrap

[BootStrap] Tooltip Styling

부트스트랩 툴팁에 대한 스타일링~


HTML

<a href="#" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on bottom" class="red-tooltip">Tooltip on bottom</a>


CSS


.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}
.red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#f00; }

JS


$(document).ready(function(){
    $("a").tooltip();
});