水平子菜单背景填充视口宽度(Horizontal submenu background fillin

2019-10-20 19:50发布

我试图让这个导航菜单的子菜单的背景,填补了视口的宽度。

这是我的例子: Bootply 。

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

Answer 1:

我取消了风格.activeItem并推出样式.activeItem:before.activeItem:after

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

我在删除backgound .dropdown-menu ,因为现在它是没有必要的。

同时,我裹在整个菜单.wrapper

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

看到这里http://www.bootply.com/yiEGyUDYUF

你仍然需要在移动版本。



Answer 2:

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

例如: width: 100vh



文章来源: Horizontal submenu background filling viewport width