动态列表中的样式单选按钮

Question

我想在循环内动态生成的卡片中使用单选按钮，其样式看起来像普通按钮。

例如：

<?php
  for ($i = 1; $i <= $max; $i++) {
    echo '<div class="card">';
    echo '<div class="btn-group" data-toggle="buttons">';
    echo '<label class="btn btn-success btn-rounded">';
    echo '<input type="radio" name="option" id="' . $i . '" />Select';
    echo '</label>';
    echo '</div>';
    echo '</div>';
  }
?>

我希望这将意味着只能选择一个单选按钮，但事实并非如此。我试图像这样将btn-group移出循环：

<div class="btn-group" data-toggle="buttons">
<?php
  for ($i = 1; $i <= $max; $i++) {
    echo '<div class="card">';
    echo '<label class="btn btn-success btn-rounded">';
    echo '<input type="radio" name="option" id="' . $i . '" />Select';
    echo '</label>';
    echo '</div>';
  }
?>
</div>

但这并没有得到正确的结果，因为它暴露了看起来像普通按钮的实际单选按钮，并且破坏了卡片的所有样式。

我错过了什么明显的东西吗？