Sobes.tech
Junior

Bootstrap-də istifadəçi interfeysi standartlarından danış.

sobes.tech Süni İntellekt

AI-dan cavab

Bootstrap HTML, CSS və JavaScript-ə əsaslanan hazır stil və komponentlər toplusu təqdim edir. Bu, ardıcıl və uyğunlaşa bilən istifadəçi interfeysinin yaradılmasını asanlaşdırır. Əsas standartlar aşağıdakılardır:

  • Şəbəkə Sistemi (Grid System): On iki sütunlu uyğunlaşa bilən dizayn sistemi, səhifə strukturlarını asanlıqla yaratmağa imkan verir. container, rowcol-* sinifləri ilə həyata keçirilir.
  • Tipografiya: Başlıqlar (<h1>-<h6>), paraqraflar (<p>), siyahılar və digər mətn elementləri üçün vahid stillər, oxunaqlığı təmin edir.
  • Formalar: Stilizə olunmuş form elementləri (girişlər, düymələr, yoxlama qutuları, radio düymələri və s.) vahid görünüş və istifadə rahatlığı üçün.
  • Düymələr: Fərqli stillər və ölçülərdə düymələr, onların məqsədini göstərir (məsələn, btn, btn-primary, btn-secondary).
  • Navigasiya: Navigasiya menyuları yaratmaq üçün komponentlər (məsələn, navbar, nav-tabs, nav-pills).
  • Uyğunlaşma: Bütün komponentlər və şəbəkə sistemi standart olaraq müxtəlif ekran ölçülərinə uyğunlaşır (masaüstü, planşet, mobil cihazlar) media sorğuları vasitəsilə.
  • Komponentlər: Hazır və stilizə olunmuş geniş komponentlər toplusu, məsələn:
    • Xəbərdarlıqlar (Alerts)
    • Bayraqlar (Badges)
    • Kartlar (Cards)
    • Modal pəncərələr (Modals)
    • Açılan menyular (Dropdowns)
    • İpucu vasitələri (Tooltips)
    • Popoverlar
    • Karyer (Carousel)
  • İkonlar: İcra və ya məlumatların vizual təmsili üçün ikon kitabxanaları ilə inteqrasiya (məsələn, Bootstrap Icons).
  • Yardımçı siniflər: Margin (m-*, p-*), hizalama (text-*), göstərmə (d-*) və digər stillər üçün köməkçi siniflər, əlavə CSS yazmağa ehtiyac olmadan.

Bu standartların əsas məqsədi inkişafı sürətləndirmək, dizaynın bütün tətbiq boyunca ardıcıllığını təmin etmək və müxtəlif cihazlarda düzgün göstərilməsini təmin etməkdir.