IE7 中 bootstrap 3.3.4 表单的问题

Issue with bootstrap 3.3.4 forms in IE7

我目前正在尝试修复使用 bootstrap 的应用程序以在 IE7 中运行。这让我很头疼。

到目前为止,大多数元素看起来都不错,因为我已经完成了以下操作:

包括respond.js 包括html5shiv.js

但我在使用以下标记时遇到问题:

<div class="form-group ng-scope">
    <div class="form-group ">
       <label class="col-sm-2 control-label ng-binding" for="">Forename</label>
       <div class="col-sm-10">
           <div>
               <input type="text" class="form-control ng-pristine ng-valid ng-touched" id="" ng-model="field.value.text">
           </div>
       </div>
    </div>
</div>

在除 IE7 之外的所有浏览器中,标签显示在左侧,与文本元素内联。但是在IE7中它出现在上面。

这里有任何已知问题吗?我注意到一些元素正在使用 display:table;我知道这在 IE7 中不受支持。

从版本 3.3.4 降级到 2.3.2