Sobes.tech
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, row ja col-* 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.