我在twbs 3.0.2中创建了一个导航栏,该导航栏在@screen-md
处折叠,我想更改为下拉菜单的外观。我希望它们以缩进菜单而不是重叠形式打开(参见图片)
这在配置中位于何处,或者如何添加自定义CSS来覆盖此行为?
当前下拉菜单
http://i.stack.imgur.com/1vHlJ.png
我想要这个堆叠的版本:http://i.stack.imgur.com/1hwTO.png
编辑:经过一些测试,我发现在768px时发生了从叠加下拉菜单到堆叠下拉菜单的变化,但是我似乎在CSS文件的任何地方都找不到
最佳答案
您可以使用CSS定位下拉菜单的折叠版本。增加左填充以使其缩进...
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
padding-left: 40px;
}
Bootply
关于html - 导航栏下拉菜单堆叠而不是叠加时,Twitter bootstrap 3.0.2发生更改,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19907695/