水平子菜单背景填充视口宽度

时间:2014-08-27 15:50:31

标签: twitter-bootstrap

我试图在此导航菜单上获取子菜单的背景以填充视口的宽度。

以下是我的示例:Bootply

我还希望子菜单继续显示在父菜单项下。这甚至可能吗?

2 个答案:

答案 0 :(得分:4)

我删除了.activeItem的样式,并为.activeItem:before.activeItem:after引入了样式。

.activeItem:before绘制箭头,.activeItem:after绘制蓝色背景。

我删除了.dropdown-menu中的背景,因为现在不需要它。

我还在.wrapper中整理了整个菜单。

这不是最优雅的代码,但我没有更好的主意。

请参阅此处http://www.bootply.com/yiEGyUDYUF

您仍然需要处理移动版本。

答案 1 :(得分:0)

您实际上可以使用vh属性指定相对于视口的宽度:

ex:width: 100vh