bootstrap单击导航条下的li后，自动收回

最新推荐文章于 2023-08-22 22:27:05 发布

幻想具现

最新推荐文章于 2023-08-22 22:27:05 发布

阅读量1w

点赞数 3

分类专栏： bootstrap 文章标签： bootstrap 导航

本文链接：https://blog.csdn.net/u013131533/article/details/47725367

版权

在使用Bootstrap构建产品展示页面时，遇到手机模式下导航条下拉菜单不会自动回收的问题。解决方法是在每个不跳转页面的li元素上添加onclick事件，实现下拉菜单点击后自动隐藏。

摘要由CSDN通过智能技术生成

最近在写一个产品展示的页面，用到了bootstrap，发现导航条在手机上下拉时如果不跳转页面，下拉的导航条是不会自动回收的，需要自己手动添加onclick事件回收。

导航条的代码如下：

<nav class="navbar  navbar-default">
     <div class="container">
       <div class="navbar-header">
         <button type="button" id="collapse" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
           <span class="sr-only">Toggle navigation</span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>
         <a class="navbar-brand" href=&#