One interesting way to quickly make one is to modify the dropdown.js as
follows:
$(document)
.on('mouseout.dropdown.data-api touchstart.dropdown.data-api',
clearMenus)
.on('click.dropdown touchstart.dropdown.data-api', '.dropdown form',
function (e) { e.stopPropagation() })
.on('mouseover.dropdown.data-api touchstart.dropdown.data-api' ,
toggle, Dropdown.prototype.toggle)
.on('keydown.dropdown.data-api touchstart.dropdown.data-api', toggle +
', [role=menu]' , Dropdown.prototype.keydown)
I have't yet tested this out in all browsers but seems to work in Firefox.
When you mouseover the dropdown, the menu is activated. When you mouse out
away from the menu, the menu closes. I can't figure out though yet how to
make the menu span the page width.
On Wednesday, December 7, 2011 8:28:31 AM UTC-6, Stodge wrote:
>
> Has anyone adapted bootstrap to allow mega menus instead of simple
> drop downs? Thanks
>
