Problème avec bootstrap 3.3.4 formulaires dans IE7

Question

J'essaie actuellement de réparer une application en utilisant bootstrap pour travailler dans IE7. Cela me cause un sérieux mal de tête.

Jusqu'à présent, la plupart des éléments semblent bonnes maintenant que je l'ai fait ce qui suit:

Inclus respond.js Inclus html5shiv.js

Mais je rencontre des problèmes avec le balisage suivant:

<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> 

Dans tous les navigateurs sauf IE7, l'étiquette apparaît à gauche en ligne avec l'élément de texte. Mais dans IE7, il apparaît ci-dessus.

Y a-t-il des problèmes connus ici? J'ai remarqué que certains éléments utilisent display: table; et je suis conscient que ce n'est pas pris en charge dans IE7.

Answer 1

rétrogradé de la version 2.3.2 à 3.3.4