Html Twitter引导v3x未正确显示复选框

兄弟姐妹们好。 我对twitter引导复选框有点问题，主要是在opera、chrome和ie中呈现时。 这是： 我有这段代码

<div class="form-group">
                                <asp:Label ID="LblItemAnulado" Text="Item Anulado" runat="server"  CssClass="col-xs-12 col-sm-2 col-md-2 col-lg-2 control-label" />
                                <div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <input type="checkbox" aria-label="...">
                                        </span>
                                        <input type="text" class="form-control" aria-label="...">
                                    </div>
                                </div>
                            </div>

这段html代码在firefox中呈现良好，即复选框控件正确显示；然而，在chrome、opera和ie中，情况并非如此

复选框显示OK（FIREFOX）

复选框显示不正常（CHROME、OPERA和IE）

如果我找不到解决方案，那么我将使用带有yes/no选项的dropdownlist。但我至少想知道为什么会这样

---

谢谢大家的时间和帮助。

谢谢大家，但最后，我不知道为什么chrome和其他浏览器会以0px的宽度渲染跨度，所以我最终做了这个（这不是一个优雅的解决方案……但是……好吧……无论如何……）

---

因此，我在div中添加了100%的宽度，在span中添加了40px的宽度，现在它的呈现方式应该是这样的。

您需要向我们展示一段JSF代码，以便我们可以使用它。它在chrome中运行良好也可以看到这一点。.我也没有看到将asp:标签转换为

（这就是asp标签呈现的内容）。在Chrome 42.0.2311.135 m、Opera 12.14和IE 11中看起来很好

                                        <div class="input-group" style="width:100%;">
                                        <span class="input-group-addon" style="width:40px;">
                                            <input type="checkbox" aria-label="...">
                                        </span>
                                        <input type="text" class="form-control" aria-label="...">
                                    </div>