Angular + bootstrap - 类无线电内联无法正常工作

Question

我尝试使用radio-inline bootstrap类让我的单选按钮在一行上对齐。我的代码如下：

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

这就是我得到的：

由于这应该非常简单，可能angular会以某种方式干扰这一点吗？ 感谢。

Answer 1

我解决了在所有输入类型上删除width:100%的问题。这是由一些CSS设置的，并使收音机占据了所有空间，导致标签落在下一行。我在我的CSS上添加了

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

并且工作了。