Bootstrap Layout Gyakorlatok

Módosítsd a HTML kódját a lila diveknek, hogy úgy viselkedjenek, mint a zöldek.

Gyakorlat 1

Responsive image
50% asztali gépen, 100% mobilon
50% asztali gépen, 100% mobilon
50% asztali gépen, 100% mobilon
50% asztali gépen, 100% mobilon

Gyakorlat 2

Oszlop 1
Oszlop 2
Oszlop 3
Oszlop 1
Oszlop 2
Oszlop 3

Gyakorlat 3

Responsive image
Practice
kAI
Build
Host
Practice
kAI
Build
Host

Gyakorlat 4

Oszlop 1
Oszlop 2
Oszlop 1
Oszlop 2

Gyakorlat 5

Nagy oszlop
Kis oszlop
Nagy oszlop
Kis oszlop

Gyakorlat 6

Változó oszlop
Változó oszlop

Gyakorlat 7

Responsive image
Everything you need to do your best work.
Docs
Wiki
Projects
Notion AI
Calendar
Goals
Sites
Templates
Everything you need to do your best work.
Docs
Wiki
Projects
Notion AI
Calendar
Goals
Sites
Templates

Gyakorlat 8

Responsive image
Kis képernyőn rejtett, közepes és nagyobb képernyőn látható
Mindig látható
Kis képernyőn rejtett, közepes és nagyobb képernyőn látható
Mindig látható

Gyakorlat 9

Csak mobil nézetben látható tartalom
Csak asztali nézetben látható tartalom
Csak mobil nézetben látható tartalom
Csak asztali nézetben látható tartalom