Php CSS引导响应菜单差异

我正在为当地一家律师事务所开发一个网站，遇到了一个奇怪的CSS问题。 折叠的响应菜单以两种不同的方式显示。使用Quirktools中的Screenfly，我注意到两个设备有菜单CSS问题

这里找到了第一个正确的方法 这个问题已经解决了 该链接适用于屏幕分辨率为603px 966px的设备

第二种也是不正确的方法是在这里找到的 这个问题已经解决了 这个问题已经解决了 第一条链路以屏幕分辨率为800px 1280px的设备为目标 第二个目标设备的屏幕分辨率为768px 1024px

下一款10英寸的上网本也不错，可以在这里找到 这个问题已经解决了 这个目标设备的屏幕分辨率为1024px x 600px

有问题的地点是 这个问题已经解决了

有人知道这是什么原因或如何修复吗

任何帮助都将不胜感激。我以前从未使用过Bootstrap，它可能会有点混乱

最好的，

---

Tim

您在

上有一个
浮动：right
。页眉触点

您的布局在650px处中断

所以添加这个媒体查询

@media (max-width: 650px) {
  .header-contact{
  float:left;
  }
}

下一个导航栏设计中断，因为您正在818px处切换

导航栏，并且应用于导航栏的颜色由此查询确定

@media (max-width: 767px) {

.menu-nav ul {border:none;}
.navbar-collapse{background:#353f00;}

}

因此，在
767px
屏幕上方的任何内容在
818px
之前都会出现问题

将查询更改为
818px

 @media (max-width: 818px) {  
    .menu-nav ul {border:none;}
    .navbar-collapse{background:#353f00;}

    }

发布您的代码，朋友！另外，请指定第一个链接的哪些内容是“正确的”，第二个和第三个链接的哪些内容是不正确的。@ShawnTaylor他纠正了这两个问题。。这就是为什么您不再看到链接中的差异。谢谢Sam Ram Sudheer。这非常有效！