Weergave in kolommen

Benodigde stappen:

  1. Voeg de benodigde bestanden toe aan het project. Voor een overzicht van de benodigde en optionele bestanden zie: Bijbehorende bestanden.
  2. Groepeer de gewenste velden en geef de gewenste hoeveelheid kolommen op. Bijvoorbeeld: class="column-2.

Voorbeelden

Basis

Visueel voorbeeld:

HTML-voorbeeld:

<form action="" method="post">
  <label for="form-example-base">Voorbeeld text input</label>
  <input id="form-example-base" name="form-example-base" placeholder="voorbeeld text input" type="text">

  <button type="submit">Verzend</button>
</form>

Bijbehorende bestanden

Voor meer informatie over importeren en instellen van componenten. Zie: Componenten gebruiken en styling toevoegen

Benodigd

  • form/form-base.scss

Optioneel

  • form/form-base-variables.scss

Instelbare variabelen

Dit element heeft zelf geen instelbare variabelen.

Bijbehorende elementen:

Bekende problemen

  • fieldset met een column-*-class met daarbinnen een <input type="date"> kunnen buiten de breedte van het formulier lopen.