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 :

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

Produk Rekomendasi

Artikel Terkait

Diskusi



wa