Bootstrap Menu Hover

[Joss]

There are two issues with the normal bootstrap menu:

1. It doesn't hover

2. The "parent" is not linkable (it is too busy doing the dropdown)

So, here is the solution:

http://cameronspear.com/blog/twitter-bootstrap-dropdown-on-hover-plugin/

Basically, this script replaces the data-toggle with data-hover

Without the data-toggle, the parent becomes clickable and with the data-hover it now drops down on hover!!

Magic!

[Luis]

Hey Joss,

the reason for non hover on parent elements is to avoid usability issues on touch devices like iPhone, iPad "$drop random device"

[Joss]

HI Luis

Apparently, this works well on touch too - the chap addresses that on his site.

I think I am inheriting an old iphone next month (the family is all upgrading, so the iphone 3 will be unused). So I will be able to test this stuff more then.

The problem with click as opposed to hover with ProcessWire is that it breaks Ryan's natural page tree system because you cannot access the parent.

[Luis]

looking forward to your test

[raydale]

Thanks Joss, good find! I'm using Bootstrap for interactive wireframing and the default nav's really bug me as they are great for mobile and tablets but terrible for desktop usability.