Twitter引导v3x不正确显示复选框

你好兄弟姐妹。我有一个twitter引导复选框的小问题，主要是在opera中呈现时，chrome an ie。这：我有这样一段代码Twitter引导v3x不正确显示复选框

<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细，即，复选框控制显示正确;然而，在铬，歌剧，即它不。

复选框显示确定（Firefox）
enter image description here

复选框显示NOT OK（铬，Opera和IE） enter image description here

如果我不能找到一个解决办法，然后我将使用一个下拉列表是/没有选项。但我想知道至少为什么会发生这种情况。

谢谢大家的时间和帮助。

来源

2015-05-14 Rony Cuzco

您需要向我们展示一段代码，以便我们可以随时随地使用它。 – Andrew

它工作正常在铬也看到这..https：//jsfiddle.net/sheshu036/xoa0uvze/ – sheshadri

我也看不到在铬 – Rinus

谢谢大家，但最终，不知道为什么Chrome和其他渲染宽度为0px的跨度，所以我最终这样做（不是一个优雅的解决方案......但......好吧。。反正..）

         <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>

所以我加了100％的宽度div和一个40像素宽度的跨度和现在所呈现的事情应该是这样。

来源

2015-05-14 13:37:23

Twitter引导v3x不正确显示复选框

回答

相关问题