致力于http://thecraftedgarden.net。它有一个自举固定导航栏设置。 出于某种原因，移动按钮不在屏幕上，导航栏在移动设备上太宽。要复制问题，您必须使用Android或iPhone手机，或者您可以在chrome中使用设备模式。如果只调整窗口大小，则不会出现在chrome中。如果您查看开发人员工具，就好像移动菜单的代码在所有div和body之外。
我几乎可以肯定这个问题是由bootstrap.css样式表引起的。
以下是我采取的一些故障排除步骤。
我用getbootstrap.com的固定导航栏示例http://getbootstrap.com/examples/navbar-fixed-top/中的代码替换了整个代码块，问题仍然存在。
我有第二个样式表additions.css，我删除了应用于导航栏和徽标的所有样式，但问题仍然存在。
如果有人可以帮我识别我在样式表中搞砸了什么，或者帮我决定要替换哪些行会非常有帮助。
答案 0 :(得分：0)
在标记<a href="http://thecraftedgarden.tlchatt.com" class="pull-left"><img src="http://thecraftedgarden.tlchatt.com/img/The-Crafted-Garden-Logo.png" class="logo img-responsive"></a>
尝试删除
.pull-left {
float: left !important;
}
并设置：
.logo {
margin:0;
}