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,rowvəcol-*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.