Bugün neredeyse 1 saatimi harcayan bu gereksiz konuyu ve çözümünü burada paylaşmak istedim. Bir menü elemanının üzerine mouse ile gelindiğinde alt menüsünün açılması, Bootstrap olsun ya da olmasın, bir html elemanının hover tetikleyicisi ile başka bir div'in görünür olması aslında. Ama üst menü elemanından alt menü elemanına mouse imleci ile geinceye kadar alt menü tekrar görünmez hale gelip kayboluyorsa yapmanız gereken şey, açılan alt menü ile üst menü arasında padding ya da margin varsa bunu kaldırmak çünkü algoritma şu şekilde çalışıyor:
1. Üst menü elemanının üzerine imleç ile gelindiğinde ilgili alt menü div'ini göster,
2. mouse imleci, alt menü div'i üzerinde olduğu sürece alt menü div'ini görünür tutmaya devam et.
Ama üst menü ile alt menü arasında 1 piksel bile boşluğa düştüğünde imleç bu noktanın üzerinden geçerken alt menünün de kapanmasına yol açmış oluyor. Umarım benzer sıkıntıyı yaşayanlara yardımcı olur.