Sobes.tech
Junior

Mesélj a Bootstrap felhasználói felület szabványairól.

sobes.tech MI

Válasz az MI-től

A Bootstrap egy kész stílusok és összetevők gyűjteményét nyújtja, amelyek HTML, CSS és JavaScript alapúak, és lehetővé teszik egységes és reszponzív felhasználói felületek létrehozását. A fő szabványok a következők:

  • Rácsrendszer (Grid System): Egy tizenkét oszlopos, alkalmazkodó elrendezési rendszer, amely megkönnyíti a rugalmas oldalszerkezetek kialakítását. A container, row és col-* osztályokkal valósul meg.
  • Tipográfia: Egységes stílusok a címsoroknak (<h1>-<h6>), bekezdéseknek (<p>), listáknak és más szövegelemeknek, amelyek biztosítják az olvashatóságot.
  • Űrlapok: Stílusozott űrlapelemek (beviteli mezők, gombok, jelölőnégyzetek, rádiógombok stb.) egységes megjelenés és könnyű használat érdekében.
  • Gombok: Különböző stílusok és méretek a gomboknak, amelyek jelzik azok célját (pl. btn, btn-primary, btn-secondary).
  • Navigáció: Komponensek a navigációs menük létrehozásához (pl. navbar, nav-tabs, nav-pills).
  • Reszponzivitás: Minden komponens és a rácsrendszer alapértelmezés szerint alkalmazkodik a különböző képernyőméretekhez (asztali, tablet, mobil eszközök) médiakérdések segítségével.
  • Komponensek: Széles körű kész, stílusozott komponensek, például:
    • Figyelmeztetések (Alerts)
    • Címkék (Badges)
    • Kártyák (Cards)
    • Modalok (Modals)
    • Legördülő menük (Dropdowns)
    • Eszköztippek (Tooltips)
    • Popover-ek
    • Képgaléria (Carousel)
  • Ikonok: Ikon könyvtárak (pl. Bootstrap Icons) integrációja az akciók vagy információk vizuális jelöléséhez.
  • Segédosztályok: Segédosztályok a margók (m-*, p-*), igazítás (text-*), megjelenítés (d-*) és más stílusok kezelésére anélkül, hogy további CSS-t kellene írni.

Ezeknek a szabványoknak a fő célja a fejlesztés felgyorsítása, a tervezés konzisztenciájának biztosítása az alkalmazás egészében, és a különböző eszközökön való helyes megjelenítés garantálása.