我有这个代码:
<!DOCTYPE html>
<html>
<head>
<title>Webpage</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<script type="text/javascript" src="js/bootstrap.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
</head>
<body>
<div class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">La Estación Argentina</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li><a href="index.html">Nosotros</a></li>
<li><a href="index.html">Menú</a></li>
<li><a href="index.html">Galería</a></li>
<li><a href="index.html">Ubicación</a></li>
<li><a href="index.html">Promociones</a></li>
<li><a href="index.html">Contacto</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="span9"></div>
<div class="span3">
</div>
</div>
</div>
</body>
</html>
并且应用了 CSS 的代码在“缩小”页面时为我们提供了这个结果(响应性完美无缺):
但是当点击按钮在移动设备上显示菜单元素时,它什么也没有显示,(但全角页面确实有菜单元素)为什么会发生这种情况?