访问:https://jsfiddle.net/8tpm4z00/
<div class="container">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#myNavigation" aria-controls="myNavigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a href="#" class="navbar-brand">KP</a>
<div class="collapse navbar-collapse" id="myNavigation">
<div class="navbar-nav">
<a class="p-3 nav-item nav-link active " href="#">Home</a>
<a class="p-3 nav-item nav-link " href="#">About</a>
<a class="p-3 nav-item nav-link " href="#">Contact Me</a>
</div><!-- <div class="navbar-nav"> -->
</div><!-- <div class="collapse navbar-collapse"> -->
</div><!-- <div class="container"> -->
Run Code Online (Sandbox Code Playgroud)
在.navbar-toggler-icon当菜单被折叠的移动反应并没有在导航栏,toggler按钮出现.
我搜索了这个问题并调整了jquery和bootstrap链接.通过将jquery链接放在bootstrap 4链接之上.但这似乎不起作用.外部库在我的html中以与jsfiddle相同的顺序链接.