Merubah Warna Tooltip di Bootstrap
Publish Date : 04-08-2016 , dibaca 11744 kali, Hari ini dibaca : 1 kali ,0 comments
Kali ini admin akan share artikel Cara Merubah atau Mengganti Warna Tooltip pada bootstrap , untuk yang belum Tahu Cara Membuat Tooltip bisa dilihat disini , Secara default warna tooltip di bootstrap yaitu hitam, Nah kali ini kita akan merubah warna tooltip sesuai dengan yang kita inginkan, Berikut Cara Custom Style dari tooltip bootstrap :
Gambar Berikut ini adalah contoh dari custom style warna tooltip di bootstrap :
CODE HTML :
<a href="#" data-toggle="tooltip" data-placement="bottom"
title="" data-original-title="Tooltip on bottom"
class="red-tooltip">Tooltip on bottom</a>
JAVASCRIPT
$(document).ready(function(){
$("a").tooltip();
});
CSS
.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}
.red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#f00; }
Untuk Demo Silahkan Lihat disini