IE8 Bootstrap Respond., элементы списка не по горизонтали

Question

У меня возникают проблемы с классом dl-Horizontal в бутстрапе.

У меня есть две колонки в моей строке и в каждом столбце у меня есть список dl. Во всех браузерах, кроме IE 8, элемент списка() и значение списка() расположены рядом друг с другом, а затем следующая пара значений элемента находится в следующей строке. Однако в IE8 значение объекта тогда отображается друг под другом, а два столбца находятся друг под другом.

Спасибо за ваше время.

Fiddle Example

<link href="<%=ResolveUrl("~/Extern/JQuery/BootStrap/bootstrap-3.2.0/dist/css/bootstrap.min.css")%>" rel="stylesheet" /> 
    <script src="<%=ResolveUrl("~/Extern/JQuery/Jquerylibs/Jquery1-11/jquery1-11-0.js")%>" type="text/javascript"></script> 
    <script src="<%=ResolveUrl("~/Extern/JQuery/BootStrap/bootstrap-3.2.0/dist/js/bootstrap.min.js")%>" type="text/javascript"></script> 

    <!--[if lt IE 9]> 
     <script src="<%=ResolveUrl("~/Extern/JQuery/html5Siv/html5shiv-master/dist/html5shiv.min.js")%>" type="text/javascript"></script> 
     <script src="<%=ResolveUrl("~/Extern/JQuery/Respond-master/dest/respond.min.js")%>" type="text/javascript"></script> 
    <![endif]--> 


    <div class="container"> 
     <div class="row"> 
       <div id="OnlineEstimate" class="OnlineTabCell"> 
       <div class="col-6 col-sm-6 col-lg-5"> 
         <dl class="dl-horizontal"> 
          <dt>Make:</dt><dd><div id="DetMake">aaa</div></dd> 
          <dt>Model:</dt><dd><div id="DetModel">bbb</div></dd> 
          <dt>Derivative:</dt><dd><div id="DetDerivative">ccc</div></dd> 
          <dt>VIN:</dt><dd><div id="DetVin">ddd</div></dd> 
          <dt>REG:</dt><dd><div id="DetReg">eee</div></dd> 
          <dt>Colour:</dt><dd><div id="DetMileage">fff</div></dd> 
          <dt>Mileage:</dt><dd><div id="DetColour">ggg</div></dd> 
          <dt>Account:</dt><dd><div id="DetAccount">hhh</div></dd> 
          <dt>Customer No:</dt><dd><div id="DetCustNo">iii</div></dd> 
         </dl> 
        </div> 
        <div class="col-6 col-sm-6 col-lg-6"> 
         <dl class="dl-horizontal"> 
          <dt>Address:</dt><dd><div id="DetAdd1">aaa</div></dd> 
          <dt></dt><dd><div id="DetAdd2">bbb</div></dd> 
          <dt></dt><dd><div id="DetAdd3">ccc</div></dd> 
          <dt></dt><dd><div id="DetAdd4">ddd</div></dd> 
          <dt></dt><dd><div id="DetTown">eee</div></dd> 
          <dt></dt><dd><div id="DetCounty">fff</div></dd> 
          <dt>Postcode:</dt><dd><div id="DetPostcode"></div></dd> 

         </dl> 
        </div> 

      </div> 
     </div> 
     </div> 

Ниже ссылка скрипка полный страничный режим, который я использую, чтобы проверить режим IE 8!

Fiddle Full page mode

С уважением

Том

Answer 1

Проблема была вызвана яваскриптом библиотеками помещаются в теле не глава страницы.