2017-08-28 2 views
0

J'essaie d'utiliser la classe radio-inlinebootstrap pour que mes boutons radio soient alignés sur une ligne. Mon code est le suivant:Angular + bootstrap - classe radio-inline ne fonctionne pas

<label>Fattura a carico di </label> 
      <label class="radio-inline control-label"><input type="radio" value="banca" name="fatturaCarico" [ngModel]="richiesta.fatturaCarico">Banca</label> 
      <label class="radio-inline control-label"><input type="radio" value="cliente" name="fatturaCarico" [ngModel]="richiesta.fatturaCarico">Cliente</label> 

Et c'est ce que je reçois: enter image description here

Depuis cela devrait être assez simple, pourrait-il être angular qui interfère avec cela dans une certaine façon?
Merci.

Répondre

1

Je l'ai résolu en supprimant width:100% sur tous les types d'entrée. Cela a été réglé par quelques css et a fait que la radio occupe tout l'espace provoquant la chute de l'étiquette sur la ligne suivante. J'ai ajouté sur mon css

input[type=radio]{ 
    width: auto; 
} 

et travaillé.