Jquery 流体全宽度子导航

我正在尝试制作一个全宽的流体导航条，下面有一个全宽的子导航元素

我的HTML的结构就在这里。有人可以帮助我的CSS方面，使子导航正常工作？只有显式设置sub-nav元素的宽度，才能使其工作

code is in the following fiddle

---

如果可能的话，我更愿意在不使用javascript的情况下执行此操作。

修复标记，子项不显示如果要使用按钮触发子导航，则需要使用JS。另外，我相信您也知道，仅CSS的子导航只适用于较新的浏览器。也就是说，您可以添加：

.navbar:hover.nav collapse{height:auto；}

以在导航栏上悬停时展开子导航。@sambatat，我使用的是twitter引导，它在视口不一定宽度时隐藏子菜单。展开你的屏幕。