Moodle 2.4 Bootstrap theme - may or may not apply to 2.5 clean theme.
Twitter Bootstrap by default does NOT support automatic drop down of custom menu items, nor can you click the top menu item.
Moodle users may find this contra to how they expect the menus to work.
I have worked out the following - feel free to improve on it!
For automatic Bootstrap dropdowns add this to your css:
/* Automatic drop down in Navbar Fix for Bootstrap */
.sidebar-nav {
padding: 9px 0;
}
.dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
margin-top: -1px;
}
.dropdown-menu li:hover .sub-menu {
visibility: visible;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
margin-top: 0;
}
.navbar .sub-menu:before {
border-bottom: 7px solid transparent;
border-left: none;
border-right: 7px solid rgba(0, 0, 0, 0.2);
border-top: 7px solid transparent;
left: -7px;
top: 10px;
}
.navbar .sub-menu:after {
border-top: 6px solid transparent;
border-left: none;
border-right: 6px solid #fff;
border-bottom: 6px solid transparent;
left: 10px;
top: 11px;
left: -6px;
}
To make the top menu item clickable, change the code in the bootstrap renderer (core.php)
$content .= html_writer::start_tag('a', array('href'=>$url, 'class'=>'dropdown-toggle', 'data-toggle'=>'dropdown'));
Should be changed to:
$content .= html_writer::start_tag('a', array('href'=>$url));
In other words, remove class and data toggle attributes to enable click on top menu items. Will try on 2.5 once I get round the parent child issue I am currently having with 2.5
