在Bootstrap 4中,可以使用以下方法来关闭下拉菜单:
$('.dropdown-toggle').dropdown('hide')
来关闭下拉菜单。这将选择所有带有.dropdown-toggle
类的元素,并调用dropdown('hide')
方法来隐藏下拉菜单。data-toggle="dropdown"
和data-close-others="true"
属性。这将在单击触发元素时自动关闭其他下拉菜单。data-toggle="dropdown"
和data-close-others="true"
属性,并在CSS中添加以下样式来关闭下拉菜单:.dropdown.show .dropdown-menu {
display: none;
}
这将在下拉菜单显示时隐藏下拉菜单。
以上是关闭下拉菜单的几种方法,具体使用哪种方法取决于你的需求和项目的实际情况。
关于Bootstrap 4的更多信息和使用方法,你可以参考腾讯云的Bootstrap 4产品介绍页面:Bootstrap 4产品介绍
领取专属 10元无门槛券
手把手带您无忧上云