---
url: 'https://dxpr.com/nl/hc/documentatie/drupal-leren/drupal-woordenlijst/breekpunt'
title: 'Breekpunt | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T06:41:34+00:00'
updated: '2026-10-23T23:52:16+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Een breekpunt is een punt in het ontwerp van een Drupal-website waarop de lay-out van de pagina verandert voor verschillende schermformaten. Breekpunten zorgen ervoor dat een website er goed uitziet op elk apparaat, van een kleine mobiele telefoon tot een grote desktopmonitor. Breekpunten stel je in de CSS-code van een Drupal-website in en ze worden geactiveerd wanneer het browservenster een bepaalde breedte bereikt. Zodra het browservenster het breekpunt bereikt, past de lay-out van de pagina zich aan het nieuwe formaat aan.'
tags:
  - 'Drupal glossary'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-23T23:52:16+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: Breekpunt
      description: 'Een breekpunt is een punt in het ontwerp van een Drupal-website waarop de lay-out van de pagina verandert voor verschillende schermformaten. Breekpunten zorgen ervoor dat een website er goed uitziet op elk apparaat, van een kleine mobiele telefoon tot een grote desktopmonitor. Breekpunten stel je in de CSS-code van een Drupal-website in en ze worden geactiveerd wanneer het browservenster een bepaalde breedte bereikt. Zodra het browservenster het breekpunt bereikt, past de lay-out van de pagina zich aan het nieuwe formaat aan.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T06:41:34+0000'
      dateModified: '2026-10-23T23:52:16+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/documentatie/drupal-leren/drupal-woordenlijst/breekpunt'
      articleSection: Drupal-woordenlijst
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/nl/hc/documentatie/drupal-leren/drupal-woordenlijst/breekpunt'
      description: 'Een breekpunt is een punt in het ontwerp van een Drupal-website waarop de lay-out van de pagina verandert voor verschillende schermformaten. Breekpunten zorgen ervoor dat een website er goed uitziet op elk apparaat, van een kleine mobiele telefoon tot een grote desktopmonitor. Breekpunten stel je in de CSS-code van een Drupal-website in en ze worden geactiveerd wanneer het browservenster een bepaalde breedte bereikt. Zodra het browservenster het breekpunt bereikt, past de lay-out van de pagina zich aan het nieuwe formaat aan.'
      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
---
[Helpcentrum](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[Drupal leren](/nl/hc/documentation/learn-drupal) /[Drupal-woordenlijst](/nl/hc/documentation/learn-drupal/drupal-glossary) # Breekpunt

 Drupal lerenDrupal-woordenlijst

   ## In deze gids

Een **breekpunt** is een punt in het ontwerp van een Drupal-website waarop de lay-out van de pagina verandert voor verschillende schermformaten. Breekpunten zorgen ervoor dat een website er goed uitziet op elk apparaat, van een kleine mobiele telefoon tot een grote desktopmonitor. Breekpunten stel je in de CSS-code van een Drupal-website in en ze worden geactiveerd wanneer het browservenster een bepaalde breedte bereikt. Zodra het browservenster het breekpunt bereikt, past de lay-out van de pagina zich aan het nieuwe formaat aan.

Een website kan bijvoorbeeld een breekpunt op 800px hebben. Wanneer het browservenster smaller is dan 800px, toont de website een lay-out met één kolom. Wanneer het browservenster breder is dan 800px, toont de website een lay-out met twee kolommen. Zo ziet de website er goed uit op elk apparaat, ongeacht de grootte van het browservenster.

Breekpunten zijn een belangrijk onderdeel van responsive design: websites ontwerpen die er op elk apparaat goed uitzien. Responsive design is essentieel voor een succesvolle website in Drupal en breekpunten zijn een onmisbaar onderdeel van dat proces.