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不正確顯示覆選框

回答

相關問題