باید در قسمت head کد زیر رو قرار بدین :
حالا برای هر عنصری که میخواین tooltip قرار بدین ، فقط کافیه که بصورت زیر عمل کنید :
همونطور که میبینید ، باید چنتا خاصیت رو به عنصر مورد نظر اضافه کنیم تا به هدفمون برسیم. در پایین براتون اون خاصیتارو توضیح میدم :
data-hint : متنی که در مقابل این خاصیت قرار میگیرد ، همان متنی هست که در tooltip نمایش داده میشه.
class : در این قسمت باید کلاس مورد نظر رو به عنصر مورد نظر نسبت بدین. کلاسهایی که در این قسمت میتونین استفاده کنین به شرح زیر هست :
اولین کلاس موجود ، کلاسی هست که مشخص میکنه که tooltip در چه قسمتی باز بشه. در اینجا چهار کلاس hint–top و hint–bottom و hint–left وhint–right وجود داره که به ترتیب بالا ، پایین ، چپ ، راست رو به tootip نسبت میده.
hint–error : به وسیله ی این کلاس رنگ tooltip قرمز میشه که علامته خطا هست
hint–info : رنگ tooltip آبی میشه
hint–warning : تقریبا زرد رنگ میشه که علامته هشداره
hint–success : رنگ tooltip سبز میشه که علامته موفقیته
hint–always : اگر از این کلاس استفاده کنیم ، اون tooltip همیشه نشون داده میشه و دیگه مخفی نمیشه.
hint–rounded : گوشه ی tooltip خمیده میشه و زیباتر میشه.
hint–no-animate : اگر از این کلاس استفاده بشه ، دیگه tooltip حالت انیمیشنی نداره و ساده نمایان میشه.
hint–bounce : باعث میشه که tooltip زیباتر نمایش داده بشه.
