도누쓰코딩죽이기
Vue 프로젝트에서 BootStrap 사용하기 본문
백엔드 개발을 맡고 있지만...
프론트 페이지를 하나 만들어보려고 이리저리 보다가 반응형에 편한 BootStrap을 사용해보려고 찾아봤다.
일반 프로젝트에서 Vue 프로젝트로 넘어오니 달라지는 부분이 많다 ㅠ
(그래도 BootStrap 성애자였어서 안쓸 수가 없음ㅎㅎ... )
그러다가 Vue 프로젝트에서 사용할 수 있는 bootstrap-vue 발견
npm install --save bootstrap-vue명령어로 설치 가능! ( npm은 nodejs를 다운받으면 사용할 수 있다.)
main.js 파일에
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue)
를 추가하면 되는 것 같다.
'b-' 태그를 사용해서 BootStrap' 사용을 명시한다.
상당히 사용하기 쉬운 것 같다!
(참고 : https://imasoftwareengineer.tistory.com/42)
[To-Do 앱]Vue.js/Node.js Bootstrap-vue를 이용한 UI 구현
이번 포스트에서는 Bootstrap-vue를 이용해 UI를 구현 해 보도록 하겠다. 예상독자 IntelliJ, Webstorm, Atom 등 자바스크립트 IDE중 하나를 설치했다. 자바스크립트를 좀 안다. 백엔드는 알아서 구현할 수 �
imasoftwareengineer.tistory.com
공식문서는 여기!
https://bootstrap-vue.org/docs/components
BootstrapVue
Quickly integrate Bootstrap v4 components with Vue.js
bootstrap-vue.org