Jquery CSS在引导之前加载，导致元素混乱

我有一个引导导航栏，它在AdobeDreamweaver上似乎工作得很好。当我今天把文件上传到我的服务器上时，我注意到一些非常烦人的事情：

如果单击，您将看到在第一次/第二次加载时，整个引导导航栏都被弄乱了

在第三次加载时，它似乎又完美地结合在一起了。发生了什么事？看起来引导程序是在CSS之后加载的

导航栏加载方式如下：

导航栏应如下所示：

---

非常感谢

您有导航屏幕截图吗？自从我第一次加载它以来，它一直没有改变。另外，尝试在头部加载尽可能少的JavaScript文件是一个好主意，剩下的放在文件末尾，这样可以节省加载时间，因为最重要的JavaScript是最后加载的。嗨@lewisnewson，我刚刚在帖子中上传了它们，谢谢。另外，我想我需要这些js文件，因为我有一些js的东西（这个网站只是一个简化的模型）