Vue에서 Bootstrap Vue를 사용하다가 메뉴바를 적용하다가 계속 적용이 안되는 현상이 있어서 애초에 Bootstrap Vue가 적용이 안되어 있다는 것을 알게되었습니다.
검색을 해봐도 알 수 없어서 깃허브에 Bootstrap Vue 의 repository에 issue를 통해 얻은 이유와 해결방법에 대해서 공유해보고자 하겠습니다.
https://bootstrap-vue.org/docs/components/navbar#navbar
BootstrapVue
Quickly integrate Bootstrap v4 components with Vue.js
bootstrap-vue.org
부트스트랩의 navbar예제를 구현하고자 했었습니다.
이게 왜 그런지 모르겠는데 계속해서 검색부터해서 오른쪽정렬이 전혀 적용이 안되는 현상이 있었습니다.
구글에 nav예제들을 다 찾아봐도 코드는 이상이 없어보이는데 적용이 안되는 이유를 모르겠어서 github에 bootstrap-vue에 issue로 질문을 올렸었는데
알고보니 부트스트랩 뷰는 현재 부트스트랩4만 지원하는데 내가 설치한 부트스트랩버전은 4버전이였다는것...
bootstarp-vue를 npm install하면 자동으로 깔리는 bootstrap버전이 5버전인데 그 상태에서는 bootstrap-vue가 적용이되지 않는다는 것이다...
교훈
공식문서를 잘읽어보자
github에 첫 isssue를 올려봤다..!https://github.com/bootstrap-vue/bootstrap-vue/issues/6716
navbar align problem · Issue #6716 · bootstrap-vue/bootstrap-vue
I wanted to do it like the example in the document. But in my environment, the buttons on the right alignment and search form are out of frame. What should I do? main.js import Vue from 'vue...
github.com
'javascript > Vue' 카테고리의 다른 글
| Font Awesome 사용하기 (0) | 2021.08.02 |
|---|---|
| Vue devtools 설치 및 사용 (0) | 2021.07.25 |
| Vue.js 컴포넌트 (심화) (0) | 2021.04.13 |
