HTML
            


            
PUG
            
.form-group(role="group" aria-labelledby="group-checkbox-5-0-0-1")
  p#group-checkbox-5-0-0-1.field-label Checkbox .inline.default-md (regroupé)
  .field-item.form-check.inline.default-md.-with-cta
    .row
      .col-md-3
        .item.-cta
          input(type='checkbox' name='checkbox-input-5-0-0-1', checked)#checkbox-input-5-0-0-1
          label(for='checkbox-input-5-0-0-1') 
            img(src='https://dummyimage.com/48x48/' alt='').img-fluid/
            span Checkbox
              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='checkbox' name='checkbox-input-5-0-0-1')#checkbox-input-5-0-0-2
          label(for='checkbox-input-5-0-0-2') 
            i.maificon.maificon-biens-sport(aria-hidden="true")
            span Checkbox
              small (info complémentaire)
              span.tarif xx,xx € /mois
                small soit xx,xx/ans
      .col-md-3
        .item.-cta
          input(type='checkbox' name='checkbox-input-5-0-0-1')#checkbox-input-5-0-0-3
          label(for='checkbox-input-5-0-0-3') 
            i.maificon.maificon-biens-sport(aria-hidden="true")
            span Checkbox
              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='checkbox' name='checkbox-input-5-0-0-1')#checkbox-input-5-0-0-4
          label(for='checkbox-input-5-0-0-4') 
            i.maificon.maificon-biens-sport(aria-hidden="true")
            span Checkbox
              span.tarif xx,xx € /mois
                small soit xx,xx/ans

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

.form-group(role="group" aria-labelledby="group-checkbox-7-0-0-1")
  p#group-checkbox-7-0-0-1.field-label Checkbox .inline.default-md disabled (regroupé)
  .field-item.form-check.inline.default-md
    .row
      .col-md-3
        .item
          input(type='checkbox' name='checkbox-input-7-0-0-1', disabled)#checkbox-input-7-0-0-1
          label(for='checkbox-input-7-0-0-1') 
            span Checkbox
      .col-md-3
        .item
          input(type='checkbox' name='checkbox-input-7-0-0-1', disabled)#checkbox-input-7-0-0-2
          label(for='checkbox-input-7-0-0-2') 
            span Checkbox
      .col-md-3
        .item
          input(type='checkbox' name='checkbox-input-7-0-0-1', disabled)#checkbox-input-7-0-0-3
          label(for='checkbox-input-7-0-0-3') 
            span Checkbox
      .col-md-3
        .item
          input(type='checkbox' name='checkbox-input-7-0-0-1', disabled)#checkbox-input-7-0-0-4
          label(for='checkbox-input-7-0-0-4') 
            span Checkbox