Bootstrap3

[Kolyok]

Kolyok, What solution do you use for number 2. I'm also looking for a way to have the parent menu hover for dropdown (on desktops) and click to go to URL. Some customers still want a parent menu click-able to another page. I think it's getting more and more non-standard because you have the issue with mobile devices not having HOVER.

Well to be honest none of these workarounds are working exactly as expected.
For example theres a plugin for bootstrap to change navbar dropdowns to hover and detect touch supported devices but that one (without another workaround/modifications) will kinda mess the menu abit with the latest 3.0.2 Bootstrap however you can still try to get it working. Check its demo here: http://cameronspear.com/demos/twitter-bo...-dropdown/

Another thing i can think of is to simply generate a copy of the parent into the dropdown so it can be clicked from there.
Edit: I just added a js snippet to test this.

Code:

$('#nav li.dropdown, #nav li.dropdown-submenu').each(function() {
        var link = $(this).find('a:first');
        if (link.attr('href')!=='#' || link.attr('href').charAt(0)!=='#') {
            var classes = $(this).attr('class');
            classes = classes.replace('dropdown-submenu','').replace('dropdown','');
            if ($(this).find('li').hasClass('current')) {
                classes = classes.replace('current','');
            }
            if ($(this).find('li').hasClass('active')) {
                classes = classes.replace('active','');
            }
            $(this).children('ul').prepend('<li class="'+classes+'"><a href="'+link[0].href+'" title="'+link[0].title+'">'+link[0].text+' [Parent]</a></li>');
        }
    });

Well theres probably a better way but it works for now.
You can see it in action on http://dev.nagysandorart.com