شاید برای شما هم پیش اومده باشه طرحی رو با بوت استرپ کدنویسی کرده باشید و نیاز داشته باشید منوهای ناوبار به صورت hove یعنی با رفتن موس روی منوی اصلی زیر منو باز بشه

امروز با توجه به درخواست یکی از کاربران من تصمیم گرفتم این آموزش رو برای شما عزیزان در وبسایت قرار بدم

برای انجام اینکار باید کد زیر رو در فایل bootstrap.js در آخرین خط قرار دهید

$('ul.nav li.dropdown').hover(function() {
  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
}, function() {
  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
});

به همین سادگی کار انجام شده و از منوی های بوت استرپ خود لذت ببرید

[button size=”normal” type=”danger” value=”برای مشاهده دمو کلیک کنید” href=”https://jsfiddle.net/vahab00/8zdr27o5/”]