HTML
            


            
PUG
            
.form-group-version2
  .wrapper-label
    .field-label
      label(for="field-reducted-1") Textbox réduit MD-2
  .row
    .col-md-2
      .field-item.-textbox
        p.prefix#pref-input-2 Prefixe
        input(type="text", aria-describedby="pref-input-2 suf-input-2")#field-reducted-1/
        p.suffix#suf-input-2 Suffixe
.form-group-version2.has-error
  .wrapper-label
    .field-label
      label(for="field-reducted-2") Textbox réduit MD-4
  .row
    .col-md-4
      .field-item.-textbox
        p.prefix#pref-input-3 Prefixe
        input(type="text", aria-describedby="pref-input-3 suf-input-3 help-block-3")#field-reducted-2/
        p.suffix#suf-input-3 Suffixe
  .help-block
    p(id="help-block-3") Message d'erreur
.form-group-version2
  .wrapper-label
    .field-label
      label(for="field-reducted-3") Textbox réduit MD-8
  .row
    .col-md-8
      .field-item.-textbox
        input(type="text")#field-reducted-3/
.form-group-version2.has-warning
  .wrapper-label
    .field-label
      label(for="field-reducted-4") Textbox MD-12
  .field-item.-textbox
    input(type="text", aria-describedby="help-block-4")#field-reducted-4/
  .help-block
    p(id="help-block-4") Message d'attention.