Twitter bootstrap 引导导航栏仅在使用IE9调整大小后工作

我正在帮助一位朋友使用Bootstrap3设计他的主页。现在设计已经基本就绪，但我们在使用IE9访问页面时遇到了页面底部导航栏的奇怪行为。通常有四种尺寸，分别是大、中、小和小。如果第一次使用IE9加载大或中尺寸的页面，则导航栏不起作用。只有在将窗口大小重新调整到最小或xtrasmall之后，导航栏才能工作——即使是在大或中

使用Chrome、FF或Safari，一切都很好

你知道我们该如何纠正这种行为吗？ 网站： www.theballroomshow.com

---

Bernhard

这似乎与某种IE9z-index错误有关。我发现：

并在导航栏中添加了一个透明的1x1 fixer.png。现在它可以立即在IE9中工作，无需调整大小。 很高兴，我大部分时间都在使用Firefox。

---

：-

我总是将最小到最大最小宽度和最大到最小最大宽度堆叠起来，因为这是顺序。即使在媒体查询中有最小宽度和最大宽度，也可以在所有其他样式之后尝试最小宽度：1200px样式，最小宽度中的其他样式从最小到最大顺序是css/stylesm.css，然后是md.css，然后是lg.css xs是最大宽度，放在第一位。另外，你知道有比4个文件更好的方法来做响应css，你可以把一个css文件放进去，但是在这个问题解决之后再做。基本上，只要颠倒链接css文件的顺序。我颠倒了链接css文件的顺序。不幸的是，它没有改变。更糟糕的是，如果我将style.css放在链接文件的末尾，右上角的语言导航就会出现在错误的位置。我已经在我的测试网站上更改了。不，你把媒体查询的顺序倒过来了，而不是样式。谢谢你再次查看。我已经在以下测试站点上更改了顺序：正如您所建议的，但没有区别。