Barre de navigation de l'Effondrement dans le Bootstrap 3 ne fonctionne pas avec IE8
Je suis en construction d'un site web en utilisant Bootstrap 3. J'ai suivi toutes les suggestions de cette question - IE8 problème avec Twitter Bootstrap 3. J'ai inclus respond.js et html5shiv.js les fichiers et tout fonctionne bien sauf la barre de navigation-l'effondrement. Voici la navbar-effondrement code:
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-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="#"><img src="image.png" width="143" /></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav pull-right" id="nav-right">
<li><a href="#">Home</a></li>
<li><a href="#"><a>About</a></li>
</ul>
</div>
Merci d'avance!
Vous devez vous connecter pour publier un commentaire.
Ma solution pour un semblable IE8 question: Bootstrap IE 8 question relative à la barre de navigation (s'est effondré comme la version mobile)
Solution Possible 1:
Essentiellement, vous devez éviter l'utilisation de CDN pour bootstrap.min.css.
Pour résoudre le problème, vous devez télécharger le fichier d'amorçage.min.css et de le placer dans un sous-répertoire de votre application, quelque chose comme ci-dessous:
/css/bootstrap/3.2.0/bootstrap.min.css
Liées à des changements dans le code:
Si vous êtes en utilisant bootstrap.min.css à partir d'un CDN comme indiqué ci-dessous,
ensuite, remplacez le code ci-dessus avec une version locale du bootstrap.min.css comme donné ci-dessous:
Possible Solution 2:
Similaire IE8 problème peut encore se produire si vous tentez d'exécuter le fichier html stockées sur l'ordinateur local. Exécuter le fichier html à partir d'un serveur web permettra de résoudre le problème. Une solution détaillée donnée ci-dessus billet de blog.
Surtout le problème vient de la partie où nous inclure ou d'appeler le bootstrap composants j'.e différentes feuilles de style java-scripts des fichiers.Selon mon expérience, quand nous comprennent plus de bootstrap, fichiers ensuite, il provoque des conflits.J'ai moi-même fait cette barre de navigation d'hier et eu de problème.
Les solutions peuvent être:
J'ai fait la même chose hier.Voici mon Code complet:
C'est fait dans les ASP.NET à l'aide de visual studio 10.