Veuillez faire une selection

N'oubliez pas d'indiquer votre montant

          

HTML

-->

PUG

.form-group
  label(for="group-radio-vertical") Radio vertical
  #group-radio-vertical.field-item.form-group-radio.vertical(role="radiogroup")
    .radio
      input(type='radio', name='radio-vertical11', checked)#radio-vertical111
      label(for='radio-vertical111') Choix 1
    .radio
      input(type='radio', name='radio-vertical11')#radio-vertical112
      label(for='radio-vertical112') Choix 2
    .radio
      input(type='radio', name='radio-vertical11')#radio-vertical113
      label(for='radio-vertical113') Choix 3

.form-group
  label(for="group-radio-vertical") Radio vertical désactivé
  #group-radio-vertical.field-item.form-group-radio.vertical(role="radiogroup")
    .radio
      input(type='radio', name='radio-vertical21', disabled, checked)#radio-vertical211
      label(for='radio-vertical211') Choix 1
    .radio
      input(type='radio', name='radio-vertical21', disabled)#radio-vertical212
      label(for='radio-vertical212') Choix 2
    .radio
      input(type='radio', name='radio-vertical21', disabled)#radio-vertical213
      label(for='radio-vertical213') Choix 3

.form-group.has-error
  label(for="group-radio-vertical") Radio vertical erreur
  #group-radio-vertical.field-item.form-group-radio.vertical(role="radiogroup")
    .radio
      input(type='radio', name='radio-vertical31')#radio-vertical311
      label(for='radio-vertical311') Choix 1
    .radio
      input(type='radio', name='radio-vertical31')#radio-vertical312
      label(for='radio-vertical312') Choix 2
    .radio
      input(type='radio', name='radio-vertical31')#radio-vertical313
      label(for='radio-vertical313') Choix 3
  p.help-block Veuillez faire une selection

.form-group.has-warning
  label(for="group-radio-vertical") Radio vertical warning
  #group-radio-vertical.field-item.form-group-radio.vertical(role="radiogroup")
    .radio
      input(type='radio', name='radio-vertical41')#radio-vertical411
      label(for='radio-vertical411') Choix 1
    .radio
      input(type='radio', name='radio-vertical41')#radio-vertical412
      label(for='radio-vertical412') Choix 2
    .radio
      input(type='radio', name='radio-vertical41')#radio-vertical413
      label(for='radio-vertical413') Choix 3
  p.help-block N'oubliez pas d'indiquer votre montant

//
  .form-radio-collapse
    .radio-collapse
      input(type='radio', name='radio-vertical1', checked)#radio-vertical11
      .radio-collapse-label
        label(for='radio-vertical11') Choix 1
    .radio-collapse
      input(type='radio', name='radio-vertical1')#radio-vertical12
      .radio-collapse-label
        label(for='radio-vertical12') Choix 2
      .radio-collapse-form
        p Nouveau container collapse
  .form-radio-collapse
    .radio-collapse
      input(type='radio', name='radio-vertical2', checked, disabled)#radio-vertical21
      .radio-collapse-label
        label(for='radio-vertical21') Choix 1
    .radio-collapse
      input(type='radio', name='radio-vertical2', disabled)#radio-vertical22
      .radio-collapse-label
        label(for='radio-vertical22') Choix 2
  .form-radio-collapse.has-error
    .radio-collapse
      input(type='radio', name='radio-vertical3')#radio-vertical31
      .radio-collapse-label
        label(for='radio-vertical31') Choix 1
    .radio-collapse
      input(type='radio', name='radio-vertical3')#radio-vertical32
      .radio-collapse-label
        label(for='radio-vertical32') Choix 2
    p.help-block Veuillez faire une selection
  .form-radio-collapse.has-warning
    .radio-collapse
      input(type='radio', name='radio-vertical3')#radio-vertical33
      .radio-collapse-label
        label(for='radio-vertical33') Choix 1
    .radio-collapse
      input(type='radio', name='radio-vertical3')#radio-vertical34
      .radio-collapse-label
        label(for='radio-vertical34') Choix 2
    p.help-block N'oubliez pas d'indiquer votre montant



  .form-radio-collapse.has-error.row
    .radio-collapse.col-md-12.col-lg-6
      input(type='radio', name='radio-vertical4')#radio-vertical41
      .radio-collapse-label
        label(for='radio-vertical41') Choix 1
    .radio-collapse.col-md-12.col-lg-6
      input(type='radio', name='radio-vertical4')#radio-vertical42
      .radio-collapse-label
        label(for='radio-vertical42') Choix 2
    .col-md-12.col-lg-6
      p.help-block Veuillez faire une selection