Bulma css framework

Bulma CSS Framework

Bulma – CSS freymvorki bo’lib, juda yengil, sodda va Flexbox asosidagi sozlamari bilan ushbu turdagi CSS fraymvorklari orasida alohida o’ringa ega. Ushbu texnologiya Flexboxdan foydalanishda maksimal darajada qulaylik yaratadi.

Nega aynan Bulma?

• Zamonaviy: Bulma CSS Flexboxga asoslangan
• 100 % sezgirlik: Bulma bir paytning o’zida ham Shaxsiy kompyuter, ham mobil qurilmalardagi web dasturlar uchun mo’ljallangan ( responsive )
• O’zlashtirish juda ham oson
• Sodda sintaksis: Bulma HTMLni stillashni minimal darajadagi kodlar bilan bajaradi. Kod yozish va o’qishni osoblashtiradi.
• Moslashuvchan: SASSning 300 dan ortiq o’zgaruvchilarini o’z ichiga oladi va uni istalgancha o’z xohishingizcha o’zgartirishingiz mumkin.
• JavaScript freymvorklari: Angular, VueJs, React va Vanilla JavaScript bilan tez bog’lanadi ( integratsiya )

Foydalanish

• https://bulma.io/ sahifasiga kiramiz.
• Download tugmasini bosamiz.
• Yuklab olingan bulma-0.9.3.zip faylidan “bulma/css/bulma.min.css” direktoriyasidan turgan faylni o’z hujjatimizga ko’chirib olamiz. Ushbu faylni HTML bilan tegi orqali bog’laymiz

Bulma Typography helpers: sizes (o’lchamlar)

Bulma Typography helpers: alignment (joylashuv)

Bulma Typography helpers: text transform (shakl berish)

Bulma Typography helpers: text weight

Bulma Typography helpers: text color (matn rangi)

Bulma Typography helpers: text color (matn rangi)

Bulma Typography helpers: text color (matn rangi)

Bulma background-color (fon rangi)

Bulma spacing helpers (bo’sh joy qoldirish)

• Bulma barcha yo’nalishlarda padding va margin qiymatlarini qo’llash imkoniyatini beradi:
• Top (yuqoridan) – t
• Bottom (pastdan) – b
• Left (chap tomondan) – l
• Right (o’ng tomondan) – r
• Vertikal o’q bo’yicha – v
• Gorizontal o’q bo’yicha – h
• margin – m
• padding - p

Bulma spacing helpers (bo’sh joy qoldirish)

Bulma spacing helpers (bo’sh joy qoldirish)

Bulma spacing helpers (bo’sh joy qoldirish)