具有折叠按钮的Bootstrap Navbar切换不起作用

Question

我在使屏幕最小化时（例如在电话中）制作了此按钮，但是在屏幕最小化时却无法按此按钮？

这是我尝试的代码

<script src="../assets/js/jquery-3.2.1.js" type="text/javascript"></script>

<script src="../assets/js/jquery.min.js"></script>

<script src="../assets/js/jquery-ui-1.12.1.custom.min.js" type="text/javascript"> </script>

<script src="../assets/js/popper.js" type="text/javascript"></script>

<script src="../assets/js/bootstrap.min.js" type="text/javascript"></script>
<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
<link href="../assets/css/paper-kit.css" rel="stylesheet">
<link href="../assets/css/paper-dashboard.css" rel="stylesheet">    

---

<button  type="button" class="navbar-toggler"  data-toggle="collapse" data-target="#navbarTogglerDemo02" >
    <span class="navbar-toggler-bar navbar-kebab"></span>
    <span class="navbar-toggler-bar navbar-kebab"></span>
    <span class="navbar-toggler-bar navbar-kebab"></span>
</button>


<div class="collapse navbar-collapse" id="navbarTogglerDemo02">

---

我在Site.Masterpage中编写了这段代码