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éscol-*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.