Junior
Rääkige Bootstrap'i kasutajaliidese standarditest.
sobes.tech AI
Vastus AI-lt
Bootstrap pakub valmis stiilide ja komponentide kogumi, mis põhinevad HTML-il, CSS-il ja JavaScript-il, võimaldades luua ühtse ja reageeriva kasutajaliidese. Põhistandardid hõlmavad:
- Võrk (Grid System): kaheteistkümne veeru reageeriv paigutussüsteem, mis võimaldab hõlpsasti luua paindlikke lehekülje struktuure. Rakendatakse klasside
container,rowjacol-*abil. - Tipograafia: ühtsed stiilid pealkirjadele (
<h1>-<h6>), lõigetele (<p>), loenditele ja teistele tekstielementidele, tagades mugava lugemise. - Vormid: stiilitud vormielemendid (sisestusväljad, nupud, märgised, valinupud ja teised) ühtse välimuse ja kasutusmugavuse tagamiseks.
- Nupud: erinevad stiilid ja suurused nuppudele, mis näitavad nende otstarvet (näiteks,
btn,btn-primary,btn-secondary). - Navigatsioon: komponendid navigeerimismenüüde loomiseks (näiteks,
navbar,nav-tabs,nav-pills). - Reageerivus: kõik komponendid ja võrk vastavad vaikimisi erinevatele ekraanisuurustele (lauaarvutid, tahvelarvutid, mobiilseadmed), kasutades meedia päringuid.
- Komponendid: lai valik valmis, stiilitud komponente, näiteks:
- Teated (alerts)
- Märgised (badges)
- Kaardid (cards)
- Modaalid (modals)
- Rippmenüüd (dropdowns)
- Nõuanded (tooltips)
- Poppoverid (popovers)
- Karussell (carousel)
- Ikoonid: ikoonikogude integreerimine (näiteks, Bootstrap Icons) visuaalseks märkimiseks või teabe esitamiseks.
- Kasulikud utiliidi klassid: abiklassid vahede (
m-*,p-*), joondamise (text-*), kuvamise (d-*) ja teiste stiilide jaoks ilma täiendava CSS-i kirjutamata.
Nende standardite peamine eesmärk on kiirendada arendusprotsessi, tagada disaini järjepidevus kogu rakenduses ning garanteerida korrektne kuvamine erinevatel seadmetel.