Mavzu: Bootstrap Cards asosiy vazifalari


Download 1.68 Mb.
Sana17.06.2023
Hajmi1.68 Mb.
#1547852
Bog'liq
BOOTSTRAP 5

Mavzu: Bootstrap Cards asosiy vazifalari

  • Cards
  • Bootstrap kartalari bir nechta variant va variantlarga ega moslashuvchan va kengaytiriladigan kontent konteynerini taqdim etadi.

    Karta moslashuvchan va kengaytiriladigan kontent konteyneridir. U sarlavhalar va altbilgilar uchun variantlarni, turli xil tarkibni, kontekstli fon ranglarini va kuchli displey imkoniyatlarini o'z ichiga oladi. Agar siz Bootstrap 3 bilan tanish bo'lsangiz, kartalar bizning eski panellarimiz, quduqlarimiz va eskizlarimizni almashtiradi. Ushbu komponentlarga o'xshash funksionallik kartalar uchun modifikator sinflari sifatida mavjud.

    Misol:

    Kartalar iloji boricha kamroq belgilar va uslublar bilan yaratilgan, ammo baribir tonna nazorat va sozlashni ta'minlay oladi. Flexbox bilan yaratilgan ular oson tekislashni taklif qiladi va boshqa Bootstrap komponentlari bilan yaxshi aralashadi. Ularda marginsukut bo'yicha yo'q, shuning uchun kerak bo'lganda oraliq yordamchi dasturlardan foydalaning.

    Quyida aralash tarkibli va belgilangan kenglikdagi asosiy kartaning namunasi keltirilgan. Kartochkalarda boshlash uchun belgilangan kenglik yo'q, shuning uchun ular tabiiy ravishda asosiy elementning to'liq kengligini to'ldiradi. Bu bizning turli o'lcham variantlarimiz bilan osongina moslashtiriladi .





Card title

Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere


Tarkib turlari
Kartalar rasmlar, matn, ro'yxat guruhlari, havolalar va boshqalarni o'z ichiga olgan turli xil tarkibni qo'llab-quvvatlaydi. Quyida qo'llab-quvvatlanadigan narsalarga misollar keltirilgan.
Sarlavhalar, matn va havolalar
.card-title Karta sarlavhalari tegga qo'shish orqali ishlatiladi 
Xuddi shu tarzda, havolalar qo'shiladi va tegga qo'shish orqali bir-birining yoniga .card-linkjoylashtiriladi .
.card-subtitleSubtitrlar tegga a qo'shish orqali ishlatiladi 
Agar .card-titleva .card-subtitleelementlari elementga joylashtirilsa .card-body, kartaning sarlavhasi va taglavhasi yaxshi tekislanadi.

Download 1.68 Mb.

Do'stlaringiz bilan baham:




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