我需要修改Bootstrap中提供的下拉菜单,使用navbar-fixed-top,不是垂直而是水平显示li { display: inline-block }(这很容易),但是我需要实际ul.dropdown-menu来拉伸页面的整个宽度.我似乎无法弄明白.
请不要给我一个megamenu插件或任何东西,请问如何修复它以拉伸整个页面的宽度?(也不是页面容器,窗口)
实际上,可能还需要包装另一个元素,因为ul需要居中.
那么有谁知道如何做到这一点?
编辑:想出来(发布后5分钟),没有添加元素:
.nav { margin-bottom: 0; }
.dropdown { position: static; }
.dropdown-menu { width: 100%; text-align: center; }
.dropdown-menu>li { display: inline-block; }
Run Code Online (Sandbox Code Playgroud)
你有它!