HTML
            


            
PUG
            
.form-group(role="radiogroup" aria-labelledby="group-radio-2")
  p#group-radio-2.field-label Radio défaut (regroupé)
  .field-item.form-check.-with-cta
    .row
      .col-md-3
        .item
          input(type='radio' name='radio-input-3', checked)#radio-input-3-1
          label(for='radio-input-3-1')
            img(src='https://dummyimage.com/48x48/' alt='').img-fluid/
            span Radio 1
              span.tarif xx,xx € /mois
                small soit xx,xx/ans
      .col-md-3
        .item.-cta
          input(type='radio' name='radio-input-3')#radio-input-3-2
          label(for='radio-input-3-2')
            i.maificon.maificon-biens-sport(aria-hidden="true")
            span.multiline Radio 2
              small (info complémentaire)
              span.tarif xx,xx € /mois
                small soit xx,xx/ans
          .wrapper-cta
            button(data-toggle='modal' data-target='#modal-inline-1' type='button')
              i.maificon.maificon-information-cercle(aria-hidden="true")
              span.sr-only Blabla 
      .col-md-3
        .item
          input(type='radio' name='radio-input-3')#radio-input-3-3
          label(for='radio-input-3-3')
            i.maificon.maificon-biens-sport(aria-hidden="true")
            span Radio 3
              span.tarif xx,xx € /mois
                small soit xx,xx/ans
      .col-md-3
        .item.-cta
          input(type='radio' name='radio-input-3')#radio-input-3-4
          label(for='radio-input-3-4')
            i.maificon.maificon-biens-sport(aria-hidden="true")
            span Radio 4
              span.tarif xx,xx € /mois
                small soit xx,xx/ans
          .wrapper-cta
            button(data-toggle='modal' data-target='#modal-inline-1' type='button')
              i.maificon.maificon-information-cercle(aria-hidden="true")
              span.sr-only Blabla 

.form-group.has-error(role="radiogroup" aria-labelledby="group-radio-0" aria-describedby="error-checkbox-01" tabindex="-1")
  p#group-radio-0.field-label Radio défaut .has-error (regroupé) 
  .field-item.form-check
    .row
      .col-md-3
        .item
          input(type='radio' name='radio-input-1')#radio-input-1
          label(for='radio-input-1') 
            i.maificon.maificon-biens-sport(aria-hidden="true")
            span Radio 1
      .col-md-3
        .item
          input(type='radio' name='radio-input-1')#radio-input-2
          label(for='radio-input-2') 
            i.maificon.maificon-biens-sport(aria-hidden="true")
            span Radio Radio Radio 2
      .col-md-3
        .item
          input(type='radio' name='radio-input-1')#radio-input-3
          label(for='radio-input-3') 
            i.maificon.maificon-biens-sport(aria-hidden="true")
            span Radio 3
      .col-md-3
        .item
          input(type='radio' name='radio-input-1')#radio-input-4
          label(for='radio-input-4') 
            i.maificon.reverse.maificon-biens-sport(aria-hidden="true")
            span Radio 4
  p#error-liste-01.help-block Une sélection est obligatoire avec le formulaire checkbox


.form-group(role="radiogroup" aria-labelledby="group-radio-0-1")
  p#group-radio-0-1.field-label Radio défaut disabled (regroupé)
  .field-item.form-check
    .row
      .col-md-3
        .item
          input(type='radio' name='radio-input-0-1', disabled)#radio-input-00-1
          label(for='radio-input-00-1') 
            span Radio 1
      .col-md-3
        .item
          input(type='radio' name='radio-input-0-1', disabled)#radio-input-00-2
          label(for='radio-input-00-2') 
            span Radio 2
      .col-md-3
        .item
          input(type='radio' name='radio-input-0-1', disabled)#radio-input-00-3
          label(for='radio-input-00-3') 
            span Radio 3
      .col-md-3
        .item
          input(type='radio' name='radio-input-0-1', disabled)#radio-input-00-4
          label(for='radio-input-00-4') 
            span Radio 4