رفتن به مطلب

بکار بردن 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;
}

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

لینک به ارسال

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




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

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

لینک به ارسال

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



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

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...