Twitter bootstrap 3 嵌套引导js按钮

我有一组javascript按钮嵌套在另一组javascript按钮中。下面是我的小提琴

<div data-toggle="buttons" style="padding: 20px;">
<div class="col-xs-6">
    <div class="btn btn-info" style="padding: 20px;">
        <div class="row">
            <div class="col-sm-12">
                <div class="btn-group btn-group-justified btn-group-lg" data-toggle="buttons">
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP101" data-duration="7" />1</label>
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP102" data-duration="14" />2</label>
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP103" data-duration="21" />3</label>
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP104" data-duration="28" />4</label>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="col-xs-6">
    <div class="btn btn-info" style="padding:20px;">
        <div class="row">
            <div class="col-sm-12">
                <div class="btn-group btn-group-justified btn-group-lg" data-toggle="buttons">
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP201" data-duration="7" />1</label>
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP202" data-duration="14" />2</label>
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP203" data-duration="21" />3</label>
                    <label class="btn btn-primary">
                        <input type="radio" name="package" value="RP204" data-duration="28" />4</label>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

我的问题是，当我单击顶层按钮时，它会注销嵌套单选按钮，就好像它已经被选中一样。我没有将任何内容标记为选中或选中

---

这样的嵌套按钮会导致问题吗？

当然不打算嵌套。发生的情况是，javascript正在选择组中的最后一个无线电输入并选择了它。

您的代码与小提琴不匹配，小提琴没有嵌套的无线电组。抱歉。需要编辑敏感信息，但忘记将其粘贴回SO。在设计Bootstrap的BTN时，可嵌套性当然不是一个考虑因素。例如，你不能在普通的HTML中嵌套s或s。我让项目经理采用了一种不同的方法。谢谢你的反馈。