HTML
            


            
PUG
            
.form-group
  label(for="radio-horizontal-default") Radio horizontal defaut
  #radio-horizontal-default.field-item.form-group-radio.row(role='radiogroup')
    .col-md-4
      .radio
        input(type='radio', name='radio-horizontal11', checked)#radio111
        label(for='radio111') Choix 1
    .col-md-4
      .radio
        input(type='radio', name='radio-horizontal11')#radio112
        label(for='radio112')
          .main
            .text-main Choix 2
            .text-description texte en dessous
    .col-md-4
      .radio
        input(type='radio', name='radio-horizontal11')#radio113
        label(for='radio113') Choix 3

.form-group
  label(for="radio-horizontal-disabled") Radio horizontal désactivé
  #radio-horizontal-disabled.field-item.form-group-radio.row(role='radiogroup')
    .col-md-4
      .radio
        input(type='radio', name='radio-horizontal2', checked, disabled)#radio21
        label(for='radio21') Choix 1
    .col-md-4
      .radio
        input(type='radio', name='radio-horizontal2', disabled)#radio22
        label(for='radio22') Choix 2
    .col-md-4
      .radio
        input(type='radio', name='radio-horizontal2', disabled)#radio23
        label(for='radio23') Choix 3
.form-group
  label(for="radio-horizontal-error") Radio horizontal en erreur
  #radio-horizontal-error.field-item.form-group-radio.has-error.row(role='radiogroup')
    .col-md-4
      .radio
        input(type='radio', name='radio-horizontal3')#radio31
        label(for='radio31') Choix 1
    .col-md-4
      .radio
        input(type='radio', name='radio-horizontal3')#radio32
        label(for='radio32') Choix 2
    .col-md-4
      .radio
        input(type='radio', name='radio-horizontal3')#radio33
        label(for='radio33') Choix 3
  p.help-block Veuillez sélectionner une réponse

.form-group
  label(for="radio-horizontal-icon") Radio horizontal avec icônes
  #radio-horizontal-icon.field-item.form-group-radio.iconified.row(role='radiogroup')
    .col-md-4
      .radio
        input(type='radio', name='type-vehicule11', checked)#type-vehicule-11
        label(for='type-vehicule-11')
          .main
            i.maificon.maificon-auto(aria-hidden='true')
          .secondary
            .text-main Auto
    .col-md-4
      .radio
        input(type='radio', name='type-vehicule11')#type-vehicule-21
        label(for='type-vehicule-21')
          .main
            i.maificon.maificon-cyclomoteur(aria-hidden='true')
          .secondary
            .text-main Cyclomoteur (< 50cm³ )
    .col-md-4
      .radio
        input(type='radio', name='type-vehicule11')#type-vehicule-31
        label(for='type-vehicule-31')
          .main
            i.maificon.maificon-moto(aria-hidden='true')
          .secondary
            .text-main Moto (> 50cm³ )
            
.form-group
  label(for="radio-horizontal-icon-label") Radio horizontal avec icônes et libellés
  #radio-horizontal-icon-label.field-item.form-group-radio.iconified-standard.row(role='radiogroup')
    .col-md-4
      .radio
        input(type='radio', name='type-vehicule2', checked)#type-vehicule-111
        label(for='type-vehicule-111')
          .main
            i.maificon.maificon-auto(aria-hidden='true')
            .text-main Berline
    .col-md-4
      .radio
        input(type='radio', name='type-vehicule2')#type-vehicule-121
        label(for='type-vehicule-121')
          .main
            i.maificon.maificon-cyclomoteur(aria-hidden='true')
            .text-main Cyclomoteur
    .col-md-4
      .radio
        input(type='radio', name='type-vehicule2')#type-vehicule-131
        label(for='type-vehicule-131')
          .main
            i.maificon.maificon-moto(aria-hidden='true')
            .text-main Moto

.form-group
  label(for='radio-rechercheVehicule') Radio horizontal avec libellés et sans icônes
  #radio-rechercheVehicule.field-item.form-group-radio.form-group-radio-focus.no-margin.row(role='radiogroup')
    .col-md-4
      .radio
        input#radio-rechercheVehicule-0(type='radio' name='radio-rechercheVehicule' value='immatriculation')
        label(for='radio-rechercheVehicule-0')
          .main
            .text-main Immatriculation
    .col-md-4
      .radio
        input#radio-rechercheVehicule-1(type='radio' name='radio-rechercheVehicule' value='marqueOuModele')
        label(for='radio-rechercheVehicule-1')
          .main
            .text-main Marque / modèle 

.form-group
  label(for="radio-horizontal-nouveau") Radio horizontal pastille nouveau
  #radio-horizontal-nouveau.field-item.form-group-radio.iconified.row(role='radiogroup')
    .col-md-4
      .radio
        input(type='radio', name='type-virement', checked)#type-virement-1
        label(for='type-virement-1')
          .main
            i.maificon.maificon-credit-card(aria-hidden='true')
          .secondary
            .text-main Carte Bancaire
          .pastille Nouveau !
    .col-md-4
      .radio
        input(type='radio', name='type-virement')#type-virement-2
        label(for='type-virement-2')
          .main
            i.maificon.maificon-cheque(aria-hidden='true')
          .secondary
            .text-main Chéque
    .col-md-4
      .radio
        input(type='radio', name='type-virement')#type-virement-3
        label(for='type-virement-3')
          .main
            i.maificon.maificon-banque-fleche-virement(aria-hidden='true')
          .secondary
            .text-main Virement

.form-group
  label(for="radio-horizontal-quizz") Radio horizontal sans check pour quizz
  #radio-horizontal-quizz.field-item.form-group-radio.quizz.row(role='radiogroup')
    .col-md-4
      .radio
        input(type='radio', name='radio-horizontal7', checked)#radio71
        label(for='radio71') Choix 1
    .col-md-4
      .radio
        input(type='radio', name='radio-horizontal7')#radio72
        label(for='radio72') Choix 2
    .col-md-4
      .radio
        input(type='radio', name='radio-horizontal7')#radio73
        label(for='radio73') Choix 3