모바일 환경(가로 길이가 좁아지는 화면)의 특정 페이지에서 nav바의 드롭다운 버튼이 눌리지 않습니다.
아래 코드가 그 특정 페이지 코드인데요. 어떻게 수정해야 할까요?
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-storage.js"></script>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
TextBookHub
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<i class="fa-solid fa-circle-info"></i> ABOUT US
<li class="nav-item">
<i class="fa-solid fa-circle-user"></i> 로그인/로그아웃
<span class="sr-only">(current)</span>
<li class="nav-item">
<i class="fa-solid fa-pen"></i> 책 등록
<li class="nav-item">
<i class="fa-solid fa-cart-shopping"></i> 장바구니
</div>
</div>
</nav>
