I have seen many implementations of bootstrap drop downs and collapsible elements. By default it is usually a click action, sometimes a hover on the desktop activates the drop down and a click on mobile devices does it. Sometimes a double click is needed on mobile devices, there seems to be many options and I cannot decide the best approach.

I have looked at a lot of code snippets on ways to modify bootstrap behavior, many do not really work well across all platforms. I usually try to go with the click to activate the drop down, but people often ask about hover.

I am interested in hearing other peoples thoughts on how they prefer to activate drop downs so it best works on desktop and mobile devices.

thanks
Peter