Bootstrap icons asosiy vazifalari Belgilar va ro'yxatlar

Bootstrap icons asosiy vazifalari
Belgilar va ro'yxatlar
Oldingi darslarda biz piktogrammalardan foydalanganmiz, ammo bu safar biz ularni batafsil ko'rib chiqamiz.
Esingizda bo'lsa, sizning ixtiyoringizda yuzlab piktogramma mavjud ( aniq bo'lish uchun 1541 ta belgi). Ularning barchasini bizning ikonka qidiruvimizda topishingiz mumkin .
Belgilar sintaksisi
Oddiy piktogramma shunday ko'rinadi:
Va bu uning kodi:

• 
  HTML
  

NUSXALASH
Bu erda sintaksis oddiy:
fa-gemsinf biz qaysi belgini ko'rsatishni xohlayotganimizni aniqlaydi. Belgilar qidirishda barcha mavjud piktogrammalarni va ularning tegishli sinflarini ko'rishingiz mumkin .
fassinf 2 narsani anglatadi: fa= "shrift ajoyib" (bu belgi to'plamining nomi) va s"qattiq" degan ma'noni anglatadi.
sSiz ga o'zgartirishingiz mumkin r, bu "muntazam" degan ma'noni anglatadi va shu tarzda siz qimmatbaho tosh belgisining kontur versiyasiga ega bo'lishingiz mumkin:
Va bu uning kodi:

• 
  HTML
  

NUSXALASH
Eslatma: Bu qoida barcha piktogrammalar uchun ishlamaydi, lekin ko'pchilik uchun ishlaydi. Belgilarni qidirishda siz uni har doim tekshirishingiz mumkin.
Hajmi
E'tibor bering, barcha piktogrammalar vektorlashtirilgan. Bu shuni anglatadiki, ular cheksiz ravishda kengaytirilishi va sifatini hech qachon yo'qotmaydi.
Konteyneriga nisbatan piktogramma oʻlchamlarini oshirish uchun , fa-xs, ( 33%fa-sm oʻsish) dan foydalaning yoki harfiy oʻlchamlardan foydalaning (uni 1x dan 10x gacha masshtablash uchun ) , , , , , , , , . fa-lgfa-2xfa-3xfa-4xfa-5xfa-6xfa-7xfa-8xfa-9xfa-10x

• 
  HTML
  

NUSXALASH
Rang
Siz piktogramma rangini xuddi matn rangini o'zgartirganingizdek o'zgartirishingiz mumkin, ya'ni text-+ rang klassi yordamida.

• 
  HTML
  

NUSXALASH