Bootstrap导航栏活动状态不起作用

您已经包括了缩小的Bootstrap js文件和合拢/转换插件，而文档指出：

bootstrap.js和bootstrap.min.js都将所有插件包含在一个文件中。
仅包括一个。

和

为了获得简单的过渡效果，请在其他JS文件旁边添加一次transition.js。如果您使用的是已编译（或精简）的bootstrap.js，则无需包含此文件-
它已经存在。

因此，这可能是最小化问题的问题。

对于活动的班级，您必须自己进行管理，但这只是一两行。

引导程序3：

$(".nav a").on("click", function(){   $(".nav").find(".active").removeClass("active");   $(this).parent().addClass("active");});

引导程序4：

$(".nav .nav-link").on("click", function(){   $(".nav").find(".active").removeClass("active");   $(this).addClass("active");});