出于某种原因（即10），浏览器的所有祸根都在考虑引导导航栏已经是移动版本。当在台式机上运行orignal bootstrap.com时，效果如何？
<nav class="navbar navbar-inverse" 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>
</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="#">Managers</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Employees <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">View Employees</a></li>
<li><a href="#">Access Rights Templates</a></li>
<li><a href="#">Update Authorisation</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Orginisation <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Leave Request List</a></li>
<li><a href="#">eForms Teamplates</a></li>
<li><a href="#">Organisational Chart</a></li>
<li><a href="#">User Lincenses</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Application <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Application Parameters</a></li>
<li><a href="#">Audit Trail</a></li>
<li><a href="#">Leave Request Configuration</a></li>
<li><a href="#">Sickness Absence Configuration</a></li>
<li><a href="#">Triggered eForms Configuration</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href=""><span class="glyphicon glyphicon-comment"></span> My Tasks</a></li>
<li><a href=""><span class="glyphicon glyphicon-comment"></span> Login</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
有谁知道为什么吗？
最佳答案
检查浏览器模式-在标准模式下吗？兼容模式？怪癖模式？
如果不是标准模式，则说明存在问题。
解决方案：
为了避免它进入Quirks模式，请确保您在HTML代码的顶部具有有效的DOCTYPE：
<!DOCTYPE html>
为避免它进入兼容模式，请确保您的代码中具有X-UA-Compatible元标记，并设置为告诉IE进入标准模式：
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
请注意，IE具有配置选项，可以告诉它默认为兼容模式，尤其是在浏览本地Intranet站点时。这通常会赶上使用自己的PC测试站点的开发人员。上面的代码行应该可以解决此问题，通常情况下，用户通过Internet远程访问您的站点不会发生这种情况，但是无论如何要确保它是一件好事。
不过，您可能还是想在PC上检查该配置设置，然后将其关闭，以防将来再次引起您的注意。