رفتن به مطلب

بکار بردن hover popover در Bootstrap


پست های پیشنهاد شده

سلام عید فاطمی همه دوستان مبارک.

من می خوام hover popover بروی یه دکمه هام بزارم ولی طبق آموزشی که در لینک زیر رفتم نشد کسی هست بتونه کمکم کنه ؟؟؟


http://accounts.tao.tw.shuttle.com/examples_bootstrap/javascript/popovers

لینک به ارسال

من خودم از این کد برای این کار استفاده میکنم الان یادم نیست که یک مشکل داشت بوت استرپ واس اینکار ولی حضور ذهن ندارم که چطوری حلش کردم ولی فک کنم یه اسکریپت کوچیک اضافه کردم حل شد.


.tooltips {
position: relative;
display: inline;
}
.tooltips span {
position: absolute;
width:140px;
color: #FFFFFF;
background: #000000;
height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
}
.tooltips span:after {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-top: -8px;
width: 0; height: 0;
border-right: 8px solid #000000;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
div:hover.tooltips span {
visibility: visible;
opacity: 0.8;
left: 100%;
top: 50%;
margin-top: -20px;
margin-left: 15px;
}
div:active.tooltips span {
visibility: visible;
opacity: 0.8;
left: 100%;
top: 50%;
margin-top: -20px;
margin-left: 15px;
}

ببین این کد میتونه کمکی بهت کنه

  • امتیاز 1
لینک به ارسال

من خودم از این کد برای این کار استفاده میکنم الان یادم نیست که یک مشکل داشت بوت استرپ واس اینکار ولی حضور ذهن ندارم که چطوری حلش کردم ولی فک کنم یه اسکریپت کوچیک اضافه کردم حل شد.




ببین این کد میتونه کمکی بهت کنه

ممنون داداش ولی کد HTML را هم بزار

لینک به ارسال

من خودم از این کد برای این کار استفاده میکنم الان یادم نیست که یک مشکل داشت بوت استرپ واس اینکار ولی حضور ذهن ندارم که چطوری حلش کردم ولی فک کنم یه اسکریپت کوچیک اضافه کردم حل شد.



ببین این کد میتونه کمکی بهت کنه

کار کرد ولی من تولتیپ است من popover می خوام نه تولتیپ

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...