Bootstrap 5

A világ legnépszerűbb front-end keretrendszere, ami lehetővé teszi a gyors és reszponzív webfejlesztést.

Grid Rendszer

Alapvető 12 oszlopos rendszer

col-md-4
col-md-4
col-md-4

Beágyazott sorok

Beágyazott col-6
Beágyazott col-6
col-md-3

Színek és Tipográfia

Bootstrap színek

Primary
Secondary
Success
Danger
Warning
Info
Light
Dark

Tipográfia példák

h1. Bootstrap címsor

h2. Bootstrap címsor

h3. Bootstrap címsor

Ez egy kiemelt bekezdés.

Ez egy normál bekezdés szöveg.

Ez egy halványított szöveg.

Bootstrap Komponensek

Gombok

Űrlap elemek

Értesítések

Kártyák

Kártya kép
Kártya címe

Ez egy példa kártya szövege, ami demonstrálja a Bootstrap kártya komponens kinézetét.

Lista csoportok

Aktív elem Második elem Harmadik elem Inaktív elem

Bootstrap Utilities

Spacing és Margin

p-2 (padding)
p-3 (padding)
p-4 (padding)
mb-2 (margin)
mb-3 (margin)
mb-4 (margin)
py-2 px-3
py-3 px-4

Display és Flexbox

Flex elem 1
Flex elem 2
Flex elem 3
Oszlop elem 1
Oszlop elem 2
Oszlop elem 3

Pozícionálás

Top-Start
Top-End
Bottom-Start
Bottom-End
Közép

Gyakorlati Példák

Termék 1
Termék neve
Új

Termék leírása, ami bemutatja a legfontosabb tulajdonságokat.

9999 Ft
Termék 2
Másik termék
-20%

Egy másik termék részletes leírása és tulajdonságai.

7999 Ft
Termék 3
Harmadik termék
Raktáron

A harmadik termék leírása és egyedi tulajdonságai.

12999 Ft
Felhasználói Profil
Profil kép
Felhasználó Neve

Web Fejlesztő

Projektek

15

Követők

1.2k

Értékelés

4.8

Kapcsolatfelvétel