A webáruház felülete bal, jobb és középső területből, valamint egy fejlécből és egy láblécből áll. A teljes terület 12 oszlopból áll, amelyek a bootstrap hálót használják. Ez a CSS részét képezi. További információkért lásd: http://getbootstrap.com/css/#grid.
A bootstrap lehetővé teszi a mobil eszközökre való átméretezést. A bootstrap tartalmaz egy rugalmas, elsősorban a mobil igényeket figyelembevevő hálózati rendszert, amely kb. 12 oszlopig az eszköz vagy a nézet méretének növekedése arányában át tudja méretezni a hálózatot. További információkért lásd: http://getbootstrap.com/css/#grid-example-basic.
MEGJEGYZÉS
A webáruházat ellenőrizni kell az ügyfélnél várható kijelző felbontásnak megfelelően.
Nagy eszközök: nagy asztali gépek, 1200 pixel és felette.
Közepes eszközök: asztali gépek, 992 pixel és felette.
|
Elrendezés |
Oszlopok száma |
|---|---|
|
Bal: 2 oszlop Jobb: 0 oszlop Közép: 10 oszlop |
|
Bal: 2 oszlop Jobb: 2 oszlop Közép: 8 oszlop |
|
Bal: 0 oszlop Jobb: 2 oszlop Közép: 10 oszlop |
|
Bal: 0 oszlop Jobb: 0 oszlop Közép: 12 oszlop |
Kis eszközök: táblagépek, 768 pixel és felette
|
Elrendezés |
Oszlopok száma |
|---|---|
|
|
Bal: 1 oszlop Jobb: 0 oszlop Közép: 11 oszlop |
|
|
Bal: 1 oszlop Jobb: 1 oszlop Közép: 10 oszlop |
|
|
Bal: 0 oszlop Jobb: 1 oszlop Közép: 11 oszlop |
|
|
Bal: 0 oszlop Jobb: 0 oszlop Közép: 12 oszlop |
Nagyon kicsi eszközök: telefonok, kevesebb, mint768 pixel
Egy rögzített elrendezés.
A fejléc magassága 48 pixel.
A lábléc magassága 48 pixel.
Nincs bal és jobb oldali oszlop.
A középső terület szélessége függ az eszköztől. Például a szélesség:
375 pixel egy Apple iPhone 6 esetén
412 pixel egy Motorola Nexus 6 esetén