好吧,所以我几乎直接从文档中获取,似乎没有任何工作(我现在实际上是直接撕掉他们的HTML而不是仅仅是示例)。Bootstrap响应式导航栏不崩溃
首先我的头部分,其中“模板”文件是我的自定义文件:
<head>
<title>Hello World</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/assets/responsive_template/css/bootstrap.css" rel="stylesheet">
<link href="/assets/responsive_template/css/bootstrap-responsive.css" rel="stylesheet">
<link href="/assets/responsive_template/css/template.css" rel="stylesheet">
<script src="/assets/responsive_template/js/jquery.js"></script>
<script src="/assets/responsive_template/js/jquery-ui-1.10.0.min.js"></script>
<script src="/assets/responsive_template/js/bootstrap.js"></script>
<script src="/assets/responsive_template/js/template.js"></script>
</head>
现在实际的导航栏部分:
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a href="#" class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Prototype</a>
<div class="nav-collapse collapse navbar-responsive-collapse">
<ul class="nav">
<li><a id="back-button" href="#">Back</a></li>
<li><a id="submit-button" href="#">Submit</a></li>
</ul>
</div>
</div>
</div>
</div>
但是运行这个没什么崩溃...它只是在我的iPhone上占据了三条线。我没有看到任何错误通过铬控制台时,其940像素以下...任何想法?
如果您可以创建一个测试页,那将会很棒。通过测试页面找到答案和帮助变得更容易 – Shail 2013-02-14 01:58:14