Bootstrap单选按钮没有插件角2 +

Question

是否可以隐藏旧的学校单选按钮出现在bootrap单选按钮上？我只使用bootstrap css no jquery或其他插件。

目前按钮看起来像这样

我希望它们看起来像这样

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary" [ngClass]="{'active': radioYes}">
    <input type="radio" name="options" id="option1" autocomplete="off" (click)="radioYes=true" > Yes
  </label>
  <label class="btn btn-primary" [ngClass]="{'active': !radioYes}">
    <input type="radio" name="options" id="option2" autocomplete="off"(click)="radioYes=false" > No
  </label>
</div>

使用Bootstrap 4.没有额外的css

Answer 1

我发现了自己的错误。

在最新版本的Bootstrap（4.0.0）中。包含按钮的div需要类btn-group-toggle

相关讨论 - https://github.com/twbs/bootstrap/issues/25281