--- url: 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/layout/nesting' title: 'Een geneste lay-out toevoegen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T04:00:27+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Je kunt een rij in een kolom zetten om die kolom opnieuw te splitsen, zoals twee pictogrammen naast elkaar boven een kop. Gebruik het wanneer één kolom een fijner raster nodig heeft dan de rij eromheen. Het voorbeeld voegt een rij van twee pictogrammen toe aan de middelste kolom van een rij met drie kolommen. Begin voor je eerste rij met Rijen en kolommen. tags: - Lay-out image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T04:00:27+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Een geneste lay-out toevoegen' description: |- Je kunt een rij in een kolom zetten om die kolom opnieuw te splitsen, zoals twee pictogrammen naast elkaar boven een kop. Gebruik het wanneer één kolom een fijner raster nodig heeft dan de rij eromheen. Het voorbeeld voegt een rij van twee pictogrammen toe aan de middelste kolom van een rij met drie kolommen. Begin voor je eerste rij met Rijen en kolommen. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T04:00:27+0000' dateModified: '2026-10-24T04:00:27+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/layout/nesting' articleSection: Lay-out - '@type': WebPage '@id': 'https://dxpr.com/nl/hc/documentation/learn-dxpr-builder/layout/nesting' description: |- Je kunt een rij in een kolom zetten om die kolom opnieuw te splitsen, zoals twee pictogrammen naast elkaar boven een kop. Gebruik het wanneer één kolom een fijner raster nodig heeft dan de rij eromheen. Het voorbeeld voegt een rij van twee pictogrammen toe aan de middelste kolom van een rij met drie kolommen. Begin voor je eerste rij met Rijen en kolommen. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Home item: 'https://dxpr.com/nl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: nl --- [Help Center](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Lay-out](/hc/documentation/learn-dxpr-builder/layout/overview) # Een geneste lay-out toevoegen. Learn DXPR BuilderBuild pagesAdd contentLay-out ## In this guide Related guides - [Een container met gepositioneerde lagen toevoegen](/nl/hc/documentation/learn-dxpr-builder/layout/positioned-layers) - [Een rij toevoegen](/nl/hc/documentation/learn-dxpr-builder/layout/rows-and-columns) - [Een tabbladenpaneel toevoegen](/nl/hc/documentation/learn-dxpr-builder/layout/tabs-element) Je kunt een rij in een kolom zetten om die kolom opnieuw te splitsen, zoals twee pictogrammen naast elkaar boven een kop. Gebruik het wanneer één kolom een fijner raster nodig heeft dan de rij eromheen. Het voorbeeld voegt een rij van twee pictogrammen toe aan de middelste kolom van een rij met drie kolommen. Begin voor je eerste rij met [Rijen en kolommen](/nl/hc/documentation/learn-dxpr-builder/layout/rows-and-columns). ## Een geneste lay-out toevoegen 1. Voeg een sectie met een rij en kolommen toe. 2. Beweeg over een kolom en klik op **+** op de Kolombalk. 3. Kies in de elementenkiezer op het tabblad **Lay-out** de optie **Rij**. 4. De geneste rij verschijnt in de kolom, met eigen kolommen. 5. Voeg op de gebruikelijke manier elementen toe aan de geneste kolommen, bijvoorbeeld in elke een **Pictogram**. 6. Klik op **Opslaan** op de werkbalk om de pagina te bewaren. Nieuwe elementen belanden bovenaan hun kolom, zodat de geneste rij boven de tekst van de kolom staat. ## Wat je ziet Het potlood en de ster staan naast elkaar bovenaan de middelste kolom, boven de kop Design. De buitenste kolommen zijn ongewijzigd. In de editor heeft de geneste rij een eigen Rij- en Kolombalk, binnen die van de buitenste rij. ```text Sectie Rij (1/3 + 1/3 + 1/3) Kolom Tekst: Discovery Kolom Rij (genest, 1/2 + 1/2) Kolom Pictogram: pencil Kolom Pictogram: star Tekst: Design Kolom Tekst: Delivery ``` ## Je geneste lay-out instellen Een geneste rij heeft hetzelfde rasterpictogram en dezelfde instellingen als elke rij; zie [Rijen en kolommen](/nl/hc/documentation/learn-dxpr-builder/layout/rows-and-columns). De breedten zijn delen van de bovenliggende kolom, niet van de pagina. Een kolom van halve breedte met een geneste rij van twee helften geeft je twee gebieden van een kwart breed. Op schermen smaller dan 768 pixels stapelen geneste kolommen net als de buitenste. Geef de geneste rij een telefoonlay-out met **Schermgrootte toevoegen** als de pictogrammen naast elkaar moeten blijven. ### Maximale nestdiepte Rijen nesten drie niveaus diep: een rij, een rij in een van de kolommen, en nog één rij daarin. Een vierde niveau wordt geweigerd. Dezelfde limiet geldt per containertype afzonderlijk, zoals Tabbladen in Tabbladen. Het ene type telt nooit mee voor de limiet van een ander type. Twee niveaus dekken de meeste lay-outs. Elk extra niveau voegt besturingsbalken toe waar je langs moet mikken en versmalt de ruimte voor inhoud. ### Veelvoorkomende nestpatronen | Patroon | Hoe het wordt gebouwd | |---|---| | Functieraster | Een rij van drie kolommen, elk met een geneste rij: een pictogram naast de tekst | | Zijbalkblokken | Een rij van 2/3 + 1/3 waarvan de smalle kolom geneste rijen bevat, één per blok | | Teamleden | Een rij van twee kolommen, elk met een geneste rij van 1/3 + 2/3: een portret naast de bio | ## Als je het niet ziet - **Een waarschuwing meldt dat je rijen maar 3 niveaus diep kunt nesten.** De kolom staat al in twee geneste rijen, dus “Element cannot be added”. Voeg de rij toe aan een kolom één niveau hoger, of gebruik een preset met meer kolommen op de buitenste rij. - **De geneste rij staat boven de tekst in plaats van eronder.** Nieuwe elementen belanden bovenaan hun kolom. Open **More** op de balk van de geneste rij en kies **Move Down**. - **De pictogrammen stapelen op een telefoon.** Geneste kolommen stapelen onder 768 pixels, zoals alle kolommen. Klik op het rasterpictogram van de geneste rij, dan op **Schermgrootte toevoegen**, en kies **1/2 + 1/2** voor **Extra klein (< 576px)**. ## Wat nu? - [Gepositioneerde lagen](/nl/hc/documentation/learn-dxpr-builder/layout/positioned-layers): overlappende elementen op manieren die het raster niet kan. - [Rijen en kolommen](/nl/hc/documentation/learn-dxpr-builder/layout/rows-and-columns): kolompresets en een lay-out per schermgrootte. - [Tabbladen](/nl/hc/documentation/learn-dxpr-builder/layout/tabs-element): stapel inhoudspanelen op één plek in plaats van naast elkaar.