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

并且工作了。