Junior
խոսեք Bootstrap-ում օգտագործողի ինտերֆեյսի ստանդարտների մասին։
sobes.tech AI
Պատասխան AI-ից
Bootstrap-ը տրամադրում է պատրաստի ոճերի և կոմպոնենտների հավաքածու, որոնք հիմնված են HTML, CSS և JavaScript-ի վրա, ինչը թույլ է տալիս ստեղծել միատարր և արձագանքող օգտագործողի ինտերֆեյս։ Հիմնական ստանդարտները ներառում են՝
- Տեղակատար (Grid System): տասներկու սյունանոցային արձագանքող մաքսիմում համակարգ, որը հեշտությամբ թույլ է տալիս ստեղծել ճկուն էջի կառուցվածքներ։ Իրականացվում է
container,rowևcol-*դասերով։ - Տեքստային ձևաչափում: Միատարր ոճեր վերնագրերի (
<h1>-<h6>), պարբերականների (<p>), ցանկերի և այլ տեքստային տարրերի համար, որոնք ապահովում են ընթերցանության հարմարավետություն։ - Ֆորմաներ: Դիզայնավորված ֆորմայի տարրեր (մուտքեր, կոճակներ, նշումներ, ռադիո կոճակներ և այլն)՝ միատարր տեսք և օգտագործման հարմարավետություն ապահովելու համար։
- Կոճակներ: Տարբեր ոճեր և չափեր կոճակների համար, որոնք ցույց են տալիս նրանց նշանակությունը (օրինակ,
btn,btn-primary,btn-secondary)։ - Նավիգացիա: Կոմպոնենտներ նավիգացիոն մենյուներ ստեղծելու համար (օրինակ,
navbar,nav-tabs,nav-pills)։ - Արձագանքություն: Բոլոր կոմպոնենտներն ու ցանցի համակարգը ըստ նախնական կարգավորումների հարմարեցվում են տարբեր էկրանային չափերի համար (դեսկտոպներ, պլանշետներ, մոբայլ սարքեր) մեդիա հարցումների միջոցով։
- Կոմպոնենտներ: Շատ պատրաստի, ձևավորված կոմպոնենտներ, ինչպիսիք են՝
- Հուշումներ (alerts)
- Բեյջեր (badges)
- Քարտեր (cards)
- Մոդալներ (modals)
- Դրոպդաուններ (dropdowns)
- Տիպպոութներ (tooltips)
- Պոպովեր (popovers)
- Կարուսել (carousel)
- Իկոններ: Իկոնների գրադարանների ինտեգրում (օրինակ, Bootstrap Icons) գործողությունների կամ տեղեկատվության տեսողական նշանավորման համար։
- Օգտակար դասեր: Օգտակար դասեր մուտքերի (
m-*,p-*), հորիզոնական դասավորության (text-*), ցուցադրության (d-*) և այլ ոճերի համար առանց լրացուցիչ CSS գրելու։
Այս ստանդարտների հիմնական նպատակն է արագացնել զարգացման գործընթացը, ապահովել դիզայնի համաչափությունը ամբողջ հավելվածում և երաշխավորել ճիշտ ցուցադրում տարբեր սարքերում։