Javascript Twitter引导3.1.1导航栏崩溃和div问题

我刚开始使用Twitter引导，我有一个导航栏，它不会像应该的那样崩溃

它可以在桌面上全屏显示（所有菜单项都在一行上），但当我从左到右折叠浏览器窗口时，导航栏项会增长为两行，然后将一行适当地堆叠在另一行上，直到完全折叠

如何使导航栏按应有的方式折叠

我还有一个div，我想放在navbar div的正下方，以显示公司徽标（图像）。但是，div似乎从页面顶部开始，而不是直接从navbar div下面开始

我该如何解决这个问题

见：

&复制；-版权所有©XYZ建筑用品有限公司-保留所有权利

首先，根据导航栏的高度给身体加一点填充物

body{
padding-top:100px;
}

因为您使用的是固定导航栏，它固定在页面顶部。你将在本节之后放置的任何内容都将从正文顶部开始。因此，在bootstrap的文档中也提到了填充

而且你的菜单中有太多的菜单项。未获得列指定的正确空间。因此，您需要通过媒体查询来控制它们。我试着让它为你工作，这是我的JSFIDLE链接。你可以检查一下。这可能对你有帮助

body{
padding-top:100px;
}