引导是可怕的。我认真的爱,总是用它来构建项目。这是引导3或4 -无论项目需要,我通常总是BS。下拉时,尤其是在导航菜单,我总是喜欢下拉子菜单出现在盘旋。默认情况下,这是实现当你点击父导航引导项目。如果你想要下拉出现在父项的徘徊,你可以从两个方面:一个通过CSS和Javascript。这是如何。
方法1 - CSS
.dropdown:悬浮>。下拉菜单{显示:块;}方法2 - JS
(函数(){var e = document.querySelectorAll (”。navbar-nav .dropdown, .navbar-nav .dropright”), n = (“mouseenter”), a = (“mouseleave”、“点击”);[].forEach。调用(e,函数(t) {var o = t.querySelector (“.dropdown-menu”);n。forEach(函数(e) {t。addEventListener (e,函数(){!(函数(e){窗口。innerWidth < 992 | | (e.classList.add(显示),setTimeout(函数(){e.classList.remove(显示),e.classList.add(“秀”);},1));})(o); }); }), a.forEach(function (e) { t.addEventListener(e, function (e) { !(function (e, t) { setTimeout(function () { window.innerWidth < 992 || (t.classList.contains("show") && (("click" === e.type && e.target.closest(".dropdown-menu form")) || (t.classList.add("showing"), t.classList.remove("show"), setTimeout(function () { t.classList.remove("showing"); }, 200)))); }, 2); })(e, o); }); }); }); })()
