Junior
Bootstrap'dagi foydalanuvchi interfeysi standartlari haqida gapiring.
sobes.tech AI
AIdan javob
Bootstrap HTML, CSS və JavaScript əsasında hazır stildə 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.