---
url: 'https://dxpr.com/nl/hc/documentatie/drupal-leren/drupal-woordenlijst/responsive'
title: 'Responsive | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T06:59:39+00:00'
updated: '2026-10-24T00:36:36+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Responsive design is een webontwikkelbenadering die de uitstraling van een website dynamisch aanpast aan de schermgrootte en -stand van het apparaat waarmee je het bekijkt. Het is essentieel voor websites die geoptimaliseerd zijn voor mobiele apparaten, maar ook voor desktops en laptops. In Drupal bereik je responsive design met thema’s en modules die de websitelay-out aan de apparaatgrootte aanpassen.'
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-24T00:36:36+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: Responsive
      description: 'Responsive design is een webontwikkelbenadering die de uitstraling van een website dynamisch aanpast aan de schermgrootte en -stand van het apparaat waarmee je het bekijkt. Het is essentieel voor websites die geoptimaliseerd zijn voor mobiele apparaten, maar ook voor desktops en laptops. In Drupal bereik je responsive design met thema’s en modules die de websitelay-out aan de apparaatgrootte aanpassen.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T06:59:39+0000'
      dateModified: '2026-10-24T00:36:36+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/responsive'
      articleSection: Drupal-woordenlijst
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/nl/hc/documentatie/drupal-leren/drupal-woordenlijst/responsive'
      description: 'Responsive design is een webontwikkelbenadering die de uitstraling van een website dynamisch aanpast aan de schermgrootte en -stand van het apparaat waarmee je het bekijkt. Het is essentieel voor websites die geoptimaliseerd zijn voor mobiele apparaten, maar ook voor desktops en laptops. In Drupal bereik je responsive design met thema’s en modules die de websitelay-out aan de apparaatgrootte aanpassen.'
      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) # Responsive

 Drupal lerenDrupal-woordenlijst

   ## In deze gids

Responsive design is een webontwikkelbenadering die de uitstraling van een website dynamisch aanpast aan de schermgrootte en -stand van het apparaat waarmee je het bekijkt. Het is essentieel voor websites die geoptimaliseerd zijn voor mobiele apparaten, maar ook voor desktops en laptops. In Drupal bereik je responsive design met thema’s en modules die de websitelay-out aan de apparaatgrootte aanpassen.

Responsive design berust op “fluid grids”: rasters die zich aan de apparaatgrootte aanpassen. Daardoor verschijnt de website geoptimaliseerd voor het apparaat, zodat de gebruikerservaring op alle apparaten consistent is. Ook gebruikt responsive design mediaquery’s: codefragmenten waarmee de website de apparaatgrootte detecteert en de lay-out daarop aanpast.

In Drupal bereik je responsive design met thema’s en modules die de websitelay-out aan de apparaatgrootte aanpassen. Thema’s passen de websitelay-out aan, terwijl modules extra functies toevoegen die voor mobiele apparaten zijn geoptimaliseerd. Ook bevat de Drupal-core functies die responsive websites eenvoudiger maken.

Responsive design is essentieel voor websites die geoptimaliseerd zijn voor mobiele apparaten, maar ook voor desktops en laptops. Met responsive design optimaliseer je websites voor elk apparaat, zodat de gebruikerservaring op alle apparaten consistent is.