Flexbox konténer létrehozása

A konténerekkel gyorsabban készíthetsz weboldalakat. A konténer az oldal részeit és az elrendezést kezeli, és háromféleképpen hozhatod létre.

A vászonról

1. Kattints a vásznon a + jelre.
2. Válaszd a Flexbox lehetőséget. Ha szimmetrikusabb rácsot szeretnél, használd a Rács konténert (Rács konténer készítése).
3. Megjelenik az elrendezések választéka. Válaszd azt, amelyik a tervedhez a legjobban illik. A példában három gyermek konténeres elrendezés van, amely hero szakaszhoz való.
4. Így egy szülő konténert kapsz három gyermek konténerrel. Elemeket adhatsz hozzájuk (Elemek hozzáadása az oldalhoz).

Konténer elem húzása

A panelről húzz egy konténer elemet a vászonra. Ez egyetlen konténeres elrendezést hoz létre. További gyermek konténereket úgy adhatsz hozzá, hogy a szülőbe húzol újabb konténer elemeket.

Widget húzása

Húzd a konténert a widgetek panelről a vásznon lévő + jelre.

Ha megvan a konténer, widgeteket húzhatsz bele. Konténert is húzhatsz egy másikba, így beágyazott konténert kapsz, ami a widgetek csoportosításához hasznos. A legjobb azonban, ha az oldalt minél kevesebb konténerrel építed fel.

Konténer létrehozása egy meglévő fölé

Egy meglévő konténer fölé új konténer úgy kerül, hogy előbb helyet kell csinálnod neki.

1. Vidd az egeret a meglévő konténer fölé, amíg meg nem jelenik fölötte egy fül.
2. Kattints a fülön lévő + jelre. A konténer fölött hely nyílik az új konténernek.

A következő lépés: a Flexbox konténerek működése.