Bootstrap 菜单按钮在移动屏幕宽度之外

Question

正在处理 http://thecraftedgarden.net。它有一个 bootstrap 固定导航栏设置。由于某种原因，移动按钮不在屏幕上，导航栏在移动设备上太宽。为了重现该问题，您必须使用 phone android 或 iPhone 或者您可以在 chrome 中使用设备模式。如果您只是缩小 window 的大小，它不会出现在 chrome 中。如果您使用开发人员工具查看，就好像移动菜单的代码位于所有 div 和正文之外。

我几乎可以肯定问题是由 bootstrap.css 样式 sheet 引起的。

以下是我采取的一些故障排除步骤。

我用 getbootstrap.com 的固定导航栏示例 http://getbootstrap.com/examples/navbar-fixed-top/ 中的代码替换了整个代码块，但问题仍然存在。
我有第二种样式 sheet additions.css，我删除了应用于导航栏和徽标的所有样式，但问题仍然存在。

如果有人可以帮我找出我在样式中搞砸的地方sheet，或者帮我决定要替换哪些行，那将非常有帮助。

Answer 1

在标签中 <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;
}

Bootstrap 菜单按钮在移动屏幕宽度之外

Bootstrap menu button outside of screen width on mobile

html

css

responsive-design

twitter-bootstrap