Css 带分离按钮的引导按钮组

我想使用Bootstraps按钮组创建单选按钮表单，但我不想将按钮分组在一起。我需要它们在每个角上都有圆角，并且在它们之间有填充物。

您可以使用类似的东西

<div class="radio">
  <label><input type="radio" name="optradio" checked>Option 1</label>
</div>
<div class="radio">
  <label><input type="radio" name="optradio">Option 2</label>
</div>
<div class="radio disabled">
  <label><input type="radio" name="optradio" disabled>Option 3</label>
</div>

选择1
选择2
选择3

.radio输入[type=“radio”]{display:none；}

选择1
选择2
选择3

我只写了一个基本的引导单选按钮组。试试这个，我希望它能帮你。谢谢

主动选项
选项
选项

你能隐藏单选按钮吗？React有一个问题，就是没有关闭输入标签。如果你能在上分享你的完整代码，那将非常有帮助。谢谢