Bootstrap 3自定义多级菜单无法正常运行

时间:2014-04-30 12:37:15

标签: jquery html css twitter-bootstrap menu

我正在使用Bootstrap 3来创建HTML模板。您可以在此处找到演示HTML页面:http://cpimediagroup.com/demo/oasis2/

我创建了一个多级自定义子菜单(点击服务,你会看到它)使用这个“hack”http://www.bootply.com/92442

现在的问题是,当您点击任何子菜单打印并打开它时。 现在点击石油和天然气,它打开了,但第一个没有关闭。

我正在使用Bootstrap 3。 我厌倦了修理它,但没有工作。

我甚至搜索了其他主题,但没有找到任何帮助。

感谢等待回复。

P.S搜索框也离开主导航。

1 个答案:

答案 0 :(得分:0)

margin-right:-15px正在.navbar-nav.navbar-right:last-child bootstrap.min.css中应用@media (min-width: 768px) .navbar-nav.navbar-right:last-child { margin-right:10px; // add the value you need } ,将搜索框向右拉。要通过在样式表中添加以下样式来修复此覆盖此样式

open

关于下拉菜单,如果以下小提琴可以帮助您

Fiddle

注意:我只在小提琴中加入Jquery来添加{{1}}类名,所以我不确定我所做的更改是否会影响你用于偏移的其他内容。