Bootstrap горизонтальный Navbar разваливается в Internet Explorer

Question

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div id="top"> 
 
    <ul class="nav nav-pills"> 
 
    <li class="active"><a href="index.php"><i class="icon-white"></i>Home </a></li> 
 
    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class=""></i> 
 
       Apartments<span class="caret"></span></a> 
 
     <ul class="dropdown-menu"> 
 
     <li><a href='acacia.php'><span>Acacia</span></a></li> 
 
     <li><a href='bluebell.php'><span>Bluebell</span></a></li> 
 
     <li><a href='rose.php'><span>Rose</span></a></li> 
 
     <li><a href='orchid.php'><span>Orchid</span></a></li> 
 
     <li class='last'><a href='waratah.php'><span>Waratah</span></a></li> 
 
     </ul> 
 
    </li> 
 
    <li><a href="map.php"><i class="icon-white"></i>Location & Environment</a></li> 
 
    <li><a href="plans.php"><i class="icon-white"></i>Plans & Layouts</a></li> 
 
    <li><a href="aboutus.php"><i class="icon-white"></i>Developers</a></li> 
 
    <li><a href="interior.php"><i class="icon-white"></i>Interior</a></li> 
 
    <li><a href="contactus.php"><i class="icon-white"></i>Contact Us</a></li> 
 
    </ul> 
 
</div>

Я создал горизонтальную верхнюю панель навигации, используя этот код и он работал отлично в моем локальном хосте для IE, Firefox, Chrome. Он не работает в IE, когда я загрузил его на бесплатный хостинг-сервер. Горизонтальная навигационная панель разрушается и становится вертикальной навигационной панелью. Он работает над другими браузерами правильно.

Answer 1

Вы можете использовать JS для исправления IE8-. Например:

<!--[if lt IE 9]> 
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
<![endif]--> 

Answer 2

Если вы используете bootstrap 3, то у него нет поддержки, то есть ниже версии 8. Несколько вопросов, которые вы должны учитывать при использовании бутстрапа и для избежания его пробоя, например:

1> Проверьте, нет ли какого-либо html-тега или div, который не закрыт.

2> Добавить response.js для запросов СМИ, которые будут работать в IE.

3> Добавьте html5shiv, если вы используете теги html5.