مشکل در عدم نمایش زیر منو ها

سلام.. دوستان من دو تا منوی کشویی ایجاد کردم ولی زیر منوها را نمایش نمیده وقتی کلیک میکنم.
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
.................................................. ........................................
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
درباره من
</a>
<div class="dropdown-menu">
<a href="#" class="dropdown-item">heloo</a>
</div>
</li>
<li class="nav nav-item">
<a href="index.html" class="nav nav-link btn-outline-danger rounded font-weight-bold float-right"><font face="b mitra" color="black" style="font-size:18px;">صفحه اصلی</font></a>
</li>
...................<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>-->
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="~/lib/bootstrap/dist/js/popper.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
</body>
</html>

............................
چرا؟؟؟؟؟؟