如何在单击时隐藏可折叠的Bootstrap 4导航栏

您可以

collapse

<ul >     <li >         <a  href="#home" data-toggle="collapse" data-target=".navbar-collapse.show">Home <span >(current)</span></a>     </li>     <li >         <a  href="#about-us" data-toggle="collapse" data-target=".navbar-collapse.show">about</a>     </li>     <li >         <a  href="#pricing" data-toggle="collapse" data-target=".navbar-collapse.show">Pricing</a>     </li> </ul>

或者 ，（也许是一种更好的方法）像这样使用jQuery。

$('.navbar-nav>li>a').on('click', function(){    $('.navbar-collapse').collapse('hide');});