修改bootstrap下拉菜单以获取全宽下拉列表

Question

到目前为止的例子here

代码here

简单地说，我有一个包含8个项目的菜单（最顶层的菜单）。我们在引导程序中使用12项宽度网格，并希望每个菜单的下拉部分（单击时显示）为容器的整个宽度。

类似于导航菜单here

的内容

有什么想法吗？

Answer 1

使用jquery，您可以找到窗口的高度，并将下拉div设置为此高度减去标题高度。这是jQueries .outerHeight() https://api.jquery.com/outerHeight/