Mavzu: Bootstrap Cards asosiy vazifalari

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.