The one problem though with this is that when you go into the mobile
version, the menu is still activated in mouseover - you might want to make
it activate on click.
On Thursday, December 6, 2012 1:49:31 PM UTC-6, joe V wrote:
>
> 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
>>
>
