contact

Contact Person
Pin BB : 5AB31960
SMS : 082288467823
WA : 081275371724
call : 081275668074


Merubah Warna Tooltip di Bootstrap

Posted in Tutorial Bootstrap Life at 04 Agustus 2016 With 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 :



merubah warna tooltip 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

Artikel Terkait

Diskusi