contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

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 :

▼ Download Source Code Dibawah Ini ▼


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 Rekomendasi



Artikel Terkait

Diskusi