Twitter bootstrap 3 RC2 - Navigation dans IE8 ne fonctionne pas

Je suis en utilisant Twitter Bootstrap 3 RC2 pour créer une barre de navigation en haut de ma page qui fonctionne bien sauf dans IE8.

Dans IE8 est agit comme si le navigateur a été réduite, de sorte que le menu s'effondre pour la vue mobile. Mais ce n'est pas le cas.

Maintenant, je sais que TB3 est toujours un travail en cours. Mais j'aimerais savoir si quelqu'un a une solution pour ce ici.

---

Si vous voulez vérifier mon problème avec IE8, puis regardez ici:

http://jsfiddle.net/DnwJN/embedded/result/

(vous devez le lien direct, car le JSFiddle auto ne fonctionne pas avec IE8)

Et voici le JSFiddle:

http://jsfiddle.net/DnwJN/

---

Vous verrez que la barre de navigation fonctionne bien dans tous les autres navigateur. Même IE9. Mais pas avec IE8. Et TB3 prend en charge IE8. Ils ont baissé de soutien pour IE7 et ci-dessous.

Que quelqu'un a une solution pour ce problème?

---

Le code de la tripoter

<nav class="navbar" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Title</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search" />
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>

source d'informationauteur Vivendi | 2013-08-17