C# 从ASP代码隐藏添加引导样式单选按钮

我需要在网页上动态生成一组单选按钮。为了使它们的样式适合引导，它们需要如下所示：

<div class="col-sm-3">
    <div class="radio">
        <label>
            <input type="radio" name="radioButtonGroup" value="1" />
            Option 1
        </label>
    </div>
</div>

这给了我一些接近但没有雪茄的东西：

<div class="col-sm-3">
    <div class="radio">
        <input id="ctl00_body_ctl02" type="radio" name="ctl00$body$radioButtonGroup" value="1" onclick="javascript: setTimeout('__doPostBack(\'ctl00$body$ctl02\',\'\')', 0)">
        <label for="ctl00_body_ctl02">Option 1</label>
    </div>
</div>

生成

选项1

，但不生成单选按钮。颠倒控件和文本的顺序，如下所示：

HtmlGenericControl radioLabel = new HtmlGenericControl("label");
radioLabel.InnerText = "Option1";
radioLabel.Controls.Add(r);

---

结果出现

选项1

，但无法正确渲染（单选按钮与文本重叠）。

我找不到方法来执行此操作。我把问题留在这里，因为我认为这仍然是一个有效的问题

我解决这个问题的方法是在客户端（javascript）生成单选按钮，并使用AJAX POST触发服务器端操作（通过WCF数据服务）

将此标记为正确答案是不对的，因为这是一种变通方法，而不是严格意义上的问题答案。但是，他说我应该发布并接受我发现的任何解决方案：

最终，您将解决问题或找到解决方法（可能是“这不起作用，所以我做的就是这样”）。请使用此信息添加答案，并接受您自己的答案，以便其他人可以看到您最终遵循的路径

也就是说，如果有人有其他方法，我很乐意更新“正确”的答案

HtmlGenericControl radioLabel = new HtmlGenericControl("label");
radioLabel.Controls.Add(r);
radioLabel.InnerText = "Option1";

HtmlGenericControl radioLabel = new HtmlGenericControl("label");
radioLabel.InnerText = "Option1";
radioLabel.Controls.Add(r);