[Bootstrap-Vue] 게시판 만들기 - bootstrap세팅하고 header만들기

부트스트랩을 이용해서 게시판을 다시 만들어보쟈 

프로젝트를 새로 생성하고, 

https://bootstrap-vue.org/docs

BootstrapVue

Bootstrap-vue사이트를 참고하면서 설치해 주기!

 

npm install vue bootstrap-vue bootstrap 잊지말기!!!!!!

 

css 관련 파일도 꼭 설치해주기!

---

Header 만들기

참고해서 만들기!!

Header

b-navbar-toggle : 화면이 기준보다 작아졌을 때 메뉴대신 보여주는 버튼(토글)이 뜬다.

b-collapse : 화면이 기준보다 작아지면 메뉴들을 안보이게 해준다.

  그럼 화면이 작아지는 기준을 정하는 방법은?!!

맨 앞에 있는 b-navbar에 있는 toggleable로 정한다! 지금은 lg로 설정해있다.

스몰 미디엄도 가능하고 true로 하면 토글이 항상 보여진다.

 

header

화면을 작게했을때!