Tooltip in Bootstrap Bajardi: Sobirov Dostonjon Nomozboy o`g`li. Tekshirdi: Azimov Sarvar Ravshanbekovich



Download 454,93 Kb.
Pdf ko'rish
Sana22.07.2022
Hajmi454,93 Kb.
#838966


 
 

Tooltip in Bootstrap 
 
Bajardi:
Sobirov Dostonjon Nomozboy o`g`li.
 
Tekshirdi: 
Azimov Sarvar Ravshanbekovich.
2022



Tooltips 
Tooltip komponenti foydalanuvchi sichqoncha 
ko
ʻ
rsatgichini element ustida harakatlantirganda 
paydo bo
ʻ
ladigan kichik qalqib chiquvchi oynadir:

Maslahatni qanday yaratish kerak 
Maslahat yaratish uchun elementga data-bs-
toggle="tooltip" atributini qo'shing. 
Maslahat ichida ko'rsatilishi kerak bo'lgan 
matnni belgilash uchun sarlavha atributidan 
foydalaning: 
<
button
type
="button"
class
="btn btn-primary"
data-bs-toggle
="tooltip"
title
="Hooray!"> 
Hover over me!
<
/button



Eslatma: 
Ishlash uchun maslahatlar JavaScript bilan ishga 
tushirilishi kerak. 
Quyidagi kod hujjatdagi barcha maslahatlarni 
faollashtiradi: 
 
 
Bootstrap Example 
 
 
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" 
rel="stylesheet"> 
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"

 
 
 

MISOL UCHUN:


title="SHOSHILINCH XABAR!"> 
MASLAXAT 
 
 

 

Joylashtirish bo'yicha Tooltip lar:

 
Data-bs-placement atributi asboblar maslahati o'rnini belgilaydi..
<
a
href
="#"
data-bs-toggle
="tooltip"
data-bs-placement
="top"
title
="
Tepa
!">
Tepa
<
/a
>
<
a
href
="#"
data-bs-toggle
="tooltip"
data-bs-placement
="bottom"
title
="
Past
!">
Past
<
/a
>
<
a
href
="#"
data-bs-toggle
="tooltip"
data-bs-placement
="left"
title
="
Chap
!">
Chap
<
/a
>
<
a
href
="#"
data-bs-toggle
="tooltip"
data-bs-placement
="right"
title
="
O`ng
!">
O`ng
<
/a

 

Download 454,93 Kb.

Do'stlaringiz bilan baham:




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©hozir.org 2024
ma'muriyatiga murojaat qiling

kiriting | ro'yxatdan o'tish
    Bosh sahifa
юртда тантана
Боғда битган
Бугун юртда
Эшитганлар жилманглар
Эшитмадим деманглар
битган бодомлар
Yangiariq tumani
qitish marakazi
Raqamli texnologiyalar
ilishida muhokamadan
tasdiqqa tavsiya
tavsiya etilgan
iqtisodiyot kafedrasi
steiermarkischen landesregierung
asarlaringizni yuboring
o'zingizning asarlaringizni
Iltimos faqat
faqat o'zingizning
steierm rkischen
landesregierung fachabteilung
rkischen landesregierung
hamshira loyihasi
loyihasi mavsum
faolyatining oqibatlari
asosiy adabiyotlar
fakulteti ahborot
ahborot havfsizligi
havfsizligi kafedrasi
fanidan bo’yicha
fakulteti iqtisodiyot
boshqaruv fakulteti
chiqarishda boshqaruv
ishlab chiqarishda
iqtisodiyot fakultet
multiservis tarmoqlari
fanidan asosiy
Uzbek fanidan
mavzulari potok
asosidagi multiservis
'aliyyil a'ziym
billahil 'aliyyil
illaa billahil
quvvata illaa
falah' deganida
Kompyuter savodxonligi
bo’yicha mustaqil
'alal falah'
Hayya 'alal
'alas soloh
Hayya 'alas
mavsum boyicha


yuklab olish