bootstrap과 ngx-bootstrap 사용 시 navbar collapse 안되는 증상 해결 방법.

1. npm install @popperjs/core

2. angular.json에 다음 내용을  "styles" 다음에 추가.

"scripts": [
  "node_modules/@popperjs/core/dist/umd/popper.min.js",
  "node_modules/bootstrap/dist/js/bootstrap.min.js"
 ]

3. navbar를 다음과 같이 수정합니다.

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent">
<!-- ... -->
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- ... -->
</div>


목록

댓글 쓰기

댓글 저장

댓글 목록