Principes d'assemblage de champs de formulaire réduits

La structure d'un champ réduit doit rester la même que celle d'un champ default.

Comme tout champ de formulaire , un champ réduit doit se composer d'un .form-group-version2, suivi d'un .field-label contenant un label et d'un .field-item.

.form-group-version2
  .field-label
    label(for="champ-default") Champ default
  .field-item
    input(type='text')#champ-default

Pour réduire la taille du champ, deux div avec les classes respectives .row et .col-*-* (colonnage au choix) sont ajoutées au-dessus du .field-item.

Le field-label doit rester en dehors de la colonne réduite (et donc au dessus du .rowet du .col-*-*).

.form-group-version2
  .field-label
    label(for="champ-default-1") Champ default
  .row
    .col-md-6
      .field-item
        input(type='text')#champ-default-1