自舉輸入按鈕在IE8中自動換行

自動按鈕在IE8中自動換行存在問題。該標記是在官方的例子：自舉輸入按鈕在IE8中自動換行

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-primary active"> 
    <input type="checkbox" checked> Option 1 (pre-checked) 
    </label> 
    <label class="btn btn-primary"> 
    <input type="checkbox"> Option 2 
    </label> 
    <label class="btn btn-primary"> 
    <input type="checkbox"> Option 3 
    </label> 
</div>

然而，結果如下：

Bootstrap buttons wrapping in IE8

有誰知道這是與現有的修復一個已知的問題？

來源

2014-09-02 Vadym

按鈕有足夠的空間嗎？有時在IE中渲染字體和其他區別可能會導致錯誤。也許強制顯示類型會有所幫助。

.btn-group { 
    display: block; 
}

來源

2014-09-02 18:22:52 DeFeNdog

是的，有足夠的空間。即使在Bootstrap的演示頁面上也會出現問題：http://getbootstrap.com/javascript/#buttons。應用建議的樣式並沒有幫助。 – Vadym 2014-09-02 18:27:37

我編輯我的答案與CSS爲我工作。我編輯了IE8開發人員工具中的CSS，並且按鈕正確排列。 – DeFeNdog 2014-09-02 18:38:29

我用正當的類和所使用的網格系統，以它的大小：

<div class="row"> 
    <div class="col-xs-3 col-xs-offset-9"> 
     <div class="btn-group btn-group-justified" data-toggle="buttons"> 
      <label class="btn btn-primary"> 
       <input type="radio" name="ActionResult" id="ActionResult" autocomplete="off" value="A"> 
       Approve 
      </label> 
      <label class="btn btn-primary"> 
       <input type="radio" name="ActionResult" id="ActionResult" autocomplete="off" value="R"> 
       Reject 
      </label> 
     </div> 
    </div> 
</div>

來源

2015-09-17 15:02:01 Wilky

自舉輸入按鈕在IE8中自動換行

回答

相關問題