2017-08-28 147 views
0

我試圖使用radio-inlinebootstrap類讓我的單選按鈕在一行上對齊。我的代碼如下:Angular + bootstrap - class radio inline not working

<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> 

而這就是我得到: enter image description here

因爲這應該是相當簡單的,它可能是angular,在某種程度上與此干擾?
謝謝。

回答

1

我解決了它,刪除所有輸入類型width:100%。這是由一些CSS設置,並使無線電佔據了所有的空間,導致標籤落在下一行。我在我的css上添加了

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

並且工作。