Adding CSS transition on Bootstrap drop-down menu

If you implemented bootstrap into your WordPress template and want to add CSS transitions to drop-down menu, you can use the following code:

Why media queries? Because you don’t want display:block on hover on the mobile menu (as the hover used for this would double¬†the¬†submenu). As for CSS transitions, you can generate them using any of the online generators, such as this one.