css - Bootstrap 输入按钮在 IE8 中换行

Question

Bootstrap 按钮在 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>

但是，它会导致以下结果:

有谁知道这是否是现有修复程序的已知问题？

Answer 1

是否有足够的空间放置按钮？有时 IE 中的字体渲染和其他差异可能会导致问题。也许强制显示类型会有所帮助。

.btn-group { 
    display: block; 
}