IE8中的Bootstrap文本输入

Question

我在IE8中查看网站时遇到了问题（但在IE 11中的开发工具中使用模拟模式时效果很好）。

在现代浏览器中，我看到了我的期望：

但在IE中，我看到以下内容：

我已经添加了html5垫片并按照文档中的建议回复了.js，并且我已经尝试将控件包装在div中以手动调整它们的大小，但我最终看起来非常糟糕的输入之间的间隙。有什么明显的东西我在这里做错了吗？

<form class="form-horizontal" role="form" style="max-width: 500px">
...

<div class="form-group">
    <label class="control-label col-sm-2">Phone</label>
    <div class="input-group">
        <span class="input-group-addon">
            <input type="radio" name="SearchMethod" value="2" class="radio-inline" />
        </span>
        <input type="text" id="phone" class="form-control" placeholder="Phone"  />
        <input type="text" id="phoneExt" class="form-control" maxlength="4" placeholder="Ext"  />
    </div>
</div>

Answer 1

您的输入组无效，因为它有两个文本输入表单控件。 Per the docs：

  

基本示例

     

在输入的任一侧放置一个插件或按钮。您也可以在输入的两侧放置一个。

     

我们不支持单侧的多个加载项。

     

我们不支持单个输入组中的多个表单控件。

因此，您需要将一些自定义样式组合在一起，或重组您的表单。