Bootstrap

---

Bootstrap 
 
 
Bootstrap (talaffuzi: Butstrap) — bu mobil qurilmalar uchun moslashuvchan 
hamda front-end dasturlash uchun moʻljallangan bepul va ochiq kodli 
CSS 
freymvorki
. Bu freymvork 
tipografiya
, 
formalar
, 
tugmalar
, 
navigatsiya
 va 
boshqa interfeys komponentlari uchun CSS (ixtiyoriy ravishda) 
va 
JavaScript
dasturlash tillariga asoslangan dizayn andozalarini oʻz ichiga 
oladi. 
Bootstrap 
GitHubning
eng mashhur loyihalaridan biri hisoblanib, 142 000 dan 
oshiq yulduzchalarga egadir hamda bu koʻrsatkich bilan u 
freeCodeCamp
(312 
000 ga yaqin yulduz) va 
Vue.js
freymvorklaridan keyingi oʻrinlarda turadi 

---

MAVZU: BOOTSTRAP CARDS 
ASOSIY VAZIFALARI 
GURUH: 420 
TUZDI: RAXMONOV ELBEK 
QABUL QILDI: JUMAYEV RAMIL 

---

• Kartalar Bootstrap kartalari bir nechta variant va variantlarga ega 
moslashuvchan va kengaytiriladigan kontent konteynerini taqdim 
etadi.Jamoalar uchun CarbonAdobe Creative Cloud orqali reklama. 
Ijodkorlikni ishga soling.Carbon orqali reklamaHaqidaKarta 
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. 

---

• MisolKartalar 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. Ularning sukut bo'yicha chegarasi 
yo'q, shuning uchun kerak bo'lganda oraliq yordam vositalaridan 
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.100% x 180Karta sarlavhasiKarta sarlavhasiga asoslanib, karta 
tarkibining asosiy qismini tashkil etadigan ba'zi tezkor misol 
matni.Nusxalash

img-top" src="..." alt="Karta tasviri qopqog'i">

Karta nomi

Kartoka 
sarlavhasi asosida tuziladigan va karta mazmunining asosiy qismini tashkil 
etadigan bir necha qisqa misol matn.
primary">Bir joyga boring

 

---

• Tarkib turlariKartalar 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.TanaKartaning qurilish 
bloki .card-tanasi hisoblanadi. Karta ichida to'ldirilgan qism kerak bo'lganda 
undan foydalaning.Bu karta korpusidagi ba'zi matn.Nusxalash>

Bu karta korpusidagi ba'zi matn.

Sarlavhalar, matn va havolalarKarta sarlavhalari  tegiga 
.card-title qo'shish orqali ishlatiladi. Xuddi shu tarzda,  tegiga .card-link 
qo'shish orqali havolalar qo'shiladi va bir-birining yoniga 
joylashtiriladi.Subtitrlar  tegiga .card-subtitr qo'shish orqali ishlatiladi. 
Agar .card-title va .card-subtitle elementlari .card-body elementiga 
joylashtirilsa, kartaning sarlavhasi va subtitrlari yaxshi tekislanadi.Karta 
sarlavhasiKarta subtitriKarta sarlavhasiga asoslanib, karta tarkibining asosiy 
qismini tashkil etadigan ba'zi tezkor misol matni. 

---

• Karta havolasi Boshqa havolaNusxalash

18rem;">

Karta 
nomi

Karta 
taglavhasi

Kartoka sarlavhasi asosida 
tuziladigan va karta mazmunining asosiy qismini tashkil etadigan bir necha 
qisqa misol matn.
Karta havolasi
Boshqa havola

Tasvirlar.card-img-top rasmni kartaning yuqori qismiga 
joylashtiradi. .card-text yordamida kartaga matn qo'shilishi mumkin. .card-
text ichidagi matn standart HTML teglari bilan ham uslublanishi 
mumkin.Rasm qopqog'i [100%x180]Karta sarlavhasiga asoslanib, karta 
tarkibining asosiy qismini tashkil etadigan ba'zi tezkor misol 
matni.Nusxalash

img-top" src="..." alt="Karta tasviri qopqog'i">
Kartoka sarlavhasi asosida tuziladigan va karta 
mazmunining asosiy qismini tashkil etadigan bir necha qisqa misol 
matn.

 

---

• Guruhlarni ro'yxatga olishFlaş ro'yxati guruhiga ega kartada kontent ro'yxatini 
yarating.Cras justo odioDapibus ac facilisis inEroz va 
vestibulumNusxalash

>

Cras justo 
odio

Dapibus ac facilisis in >Vestibulum va eros

TanlanganCras 
justo odioDapibus ac facilisis inEroz va vestibulumNusxalash

> Tanlangan

>

Cras justo 
odio

Dapibus ac facilisis in >Vestibulum va eros

Oshxona 
lavabosiKerakli kartani yaratish uchun bir nechta kontent turlarini 
aralashtiring va moslang yoki u erda hamma narsani tashlang. Quyida tasvir 
uslublari, bloklar, matn uslublari va ro'yxatlar guruhi ko'rsatilgan - barchasi 
belgilangan kenglikdagi kartaga o'ralgan. 

---

• Rasm qopqog'i [100%x180]Karta sarlavhasiKarta sarlavhasiga asoslanib, karta 
tarkibining asosiy qismini tashkil etadigan ba'zi tezkor misol matni.Cras justo 
odioDapibus ac facilisis inErozdagi vestibulumKarta havolasi Boshqa 
havolaNusxalash

img-top" src="..." alt="Karta tasviri qopqog'i">

Karta nomi

Kartoka 
sarlavhasini yaratish va avtomobilning asosiy qismini tashkil qilish uchun bir 
necha qisqa misol matn hisoblanadi. 

---

• E‘TIBORINGIZ UCHUN 
RAXMAT