Internet explorer 8 Boostrap3导航条不存在';当我添加容器和行时,它不能在IE8中工作。但在没有容器行的情况下可以工作。在FF/Chrome中工作?

Internet explorer 8 Boostrap3导航条不存在';当我添加容器和行时,它不能在IE8中工作。但在没有容器行的情况下可以工作。在FF/Chrome中工作?,internet-explorer-8,tabs,twitter-bootstrap-3,navbar,Internet Explorer 8,Tabs,Twitter Bootstrap 3,Navbar,我很难让导航标签在IE8下的boostrap中工作,但只有在我添加网格(行)时才可以。在FF和Chrome下似乎运行良好,但我在IE8上没有运气。有人能看出这个示例的错误吗 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Example of Twitter Bootstrap 3 Dynamic Tabs</title> <l

我很难让导航标签在IE8下的boostrap中工作,但只有在我添加网格(行)时才可以。在FF和Chrome下似乎运行良好,但我在IE8上没有运气。有人能看出这个示例的错误吗

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example of Twitter Bootstrap 3 Dynamic Tabs</title>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


</style>
</head>
<body>
<div class="container"> 
    <div class="row">
     <div class="col-lg-12">
  <div class="bs-example">
    <ul class="nav nav-tabs">
        <li class="active"><a data-toggle="tab" href="#sectionA">Section A</a></li>
        <li><a data-toggle="tab" href="#sectionB">Section B</a></li>
        <li class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a data-toggle="tab" href="#dropdown1">Dropdown1</a></li>
                <li><a data-toggle="tab" href="#dropdown2">Dropdown2</a></li>
            </ul>
        </li>
    </ul>
    </div>
    </div>

    <div class="tab-content">
    <div class="row">

        <div id="sectionA" class="tab-pane fade in active">
        <div class="col-lg-6">
            <h3>Grid box 1</h3>
            <p>Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui. Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth.</p>
        </div>
        <div id="sectionA" class="tab-pane fade in active">
        <div class="col-lg-6">
            <h3>Grid Box 2</h3>
            <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultricies condimentum velit vel scelerisque. Nam id libero sit amet libero 
             ultrices interdum dignissim nec lorem. Maecenas placerat massa sit amet augue interdum rutrum. Fusce vel lectus arcu. Quisque quis elit et lorem suscipit
             faucibus a ut odio. Proin ut ante consectetur dui mattis pulvinar non quis neque. Proin ultrices lectus vel orci lacinia a iaculis niipiscing ac. Quisque dolor tellus, porta in ultrices sit amet, luctus sed nunc. </p>
       </div>
       </div>
        </div>
    </div>
        <div id="sectionB" class="tab-pane fade">
        <div class="row">
     <div class="col-lg-12">
            <h3>Section B</h3>
            <p>Vestibulum nec erat eu nulla rhoncus fringilla ut non neque. Vivamus nibh urna, ornare id gravida ut, mollis a magna. Aliquam porttitor condimentum nisi, eu viverra ipsum porta ut. Nam hendrerit bibendum turpis, sed molestie mi fermentum id. Aenean volutpat velit sem. Sed consequat ante in rutrum convallis. Nunc facilisis leo at faucibus adipiscing.</p>
        </div>
        </div>
    </div>
        <div id="dropdown1" class="tab-pane fade">
        <div class="row">
     <div class="col-lg-12">
            <h3>Dropdown 1</h3>
            <p>WInteger convallis, nulla in sollicitudin placerat, ligula enim auctor lectus, in mollis diam dolor at lorem. Sed bibendum nibh sit amet dictum feugiat. Vivamus arcu sem, cursus a feugiat ut, iaculis at erat. Donec vehicula at ligula vitae venenatis. Sed nunc nulla, vehicula non porttitor in, pharetra et dolor. Fusce nec velit velit. Pellentesque consectetur eros.</p>
        </div>
        </div>
        </div>
        <div id="dropdown2" class="tab-pane fade">
        <div id="dropdown1" class="tab-pane fade">
        <div class="row">
            <h3>Dropdown 2</h3>
            <p>Donec vel placerat quam, ut euismod risus. Sed a mi suscipit, elementum sem a, hendrerit velit. Donec at erat magna. Sed dignissim orci nec eleifend egestas. Donec eget mi consequat massa vestibulum laoreet. Mauris et ultrices nulla, malesuada volutpat ante. Fusce ut orci lorem. Donec molestie libero in tempus imperdiet. Cum sociis natoque penatibus et magnis dis parturient.</p>
        </div>
        </div>
        </div>
    </div>
</div>
<div>
</body>
</html>

TwitterBootstrap 3动态选项卡示例
网格框1 salvia cillum iphone上的Aliquip placeat。Seitan aliquip quis羊毛衫美国服装,屠夫voluptate nisi qui。生料牛仔布你可能没听说过,奥斯汀牛仔短裤。雀巢豆腐阿利夸,复古合成大师清洗。威廉斯堡卡尔斯素食者赫尔维蒂卡的胡子陈词滥调。Reprehenderit butcher retro keffiyeh dreamcatcher synth

网格框2 Lorem ipsum dolor sit amet,是一位杰出的献身者。ultricies Suspendisse调味品velit vel scelerisque。Nam id libero坐amet libero 要有尊严就要有尊严。这是一个很好的例子。这是一个很好的例子。精英与知识的交换 福西伯斯·奥迪奥。这是一场非战斗性的战斗。这是一个很好的例子,它是一个很好的例子

B节 前庭必须是无菱形的。维瓦姆斯·尼布·乌尔纳,奥纳的母亲,莫利斯的大女儿。尼西香肠调味品Aliquam porttitor,欧盟viverra ipsum porta ut。Nam hendrerit bibendum turpis,发酵液中的分子。Aenean Volatit velit sem。我在红葡萄酒中喝了一杯。faucibus adipiscing的Nunc设施是利奥

下拉列表1 WInteger convallis,sollicitudin Placelat的nulla,Legula enim auctor lectus,lorem的mollis diam dolor。这是我的宿命。维瓦莫斯·阿库·塞姆,阿库鲁斯是一个封建者,埃拉特的亚库利斯。在维尼那提斯之路进行交通运输。这是一个非港口交通工具,位于法雷特拉和多洛。这是我的最爱。佩伦茨克圣爱神

下拉列表2 请不要在广场上走动,但要小心。这是我的信仰,是我的元素,是我的信仰。埃拉特麦格纳的多尼克。我是奥奇·埃格斯塔斯的贵宾。我要去老街的前庭。毛里斯和乌尔特里斯·努拉(Mauris et ultrices nulla),malesuada,帕特·安特(Pat ante)。乌托尔奇·洛雷姆。不要在tempus imperdiet中骚扰自由人。产难的自然社会

尝试添加:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

另外,尝试将链接更改为全部
https
或全部
http
;您目前正在混合它们,我怀疑这可能会影响Respond.js发挥其魔力

标签“不起作用”到底是怎么回事

错误控制台中是否报告了任何JavaScript或其他错误