vue.js48 vue scrollTop 버튼 TOP 2024. 6. 18. vue3 bootstrap 설치 vue3에서 bootstrap 설치 방법npm install vue bootstrap bootstrap-vue-3 cf)만약 기존 bootstrap을 받았으면 삭제해야한다.npm uninstall vue bootstrap bootstrap-vue main.js 파일에서 연결한다.import { createApp } from 'vue'import App from './App.vue'import router from './routes/index.js'import BootstrapVue3 from 'bootstrap-vue-3'import 'bootstrap/dist/css/bootstrap.css'import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'createApp(Ap.. 2024. 6. 18. vue bootstrap 사용법 bootstrap vue npm 설치 및 삭제설치npm install vue bootstrap bootstrap-vue삭제npm uninstall vue bootstrap bootstrap-vue package.json 파일에 설치되었는지 확인 "dependencies": { "bootstrap": "^5.3.3", "bootstrap-vue": "^2.23.1",} main.js 파일에 추가하여 연결import { createApp } from 'vue'import App from './App.vue'import router from './routes/index.js'import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'import 'boot.. 2024. 6. 18. Header - Logo 및 구글 폰트 index.html 파일 // index.html 파일 DOCTYPE html>html lang="ko">head> meta charset="UTF-8"> meta http-equiv="X-UA-Compatible" content="IE=edge"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>EUNSEON | PORTFOLIOtitle> link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css"> link rel="preconnect" href="https://fonts.gstatic.com" cr.. 2024. 4. 25. Header - Nav 부트스트랩, RouterLink https://getbootstrap.com/docs/5.3/components/navs-tabs/Pills Take that same HTML, but use .nav-pills instead Active Link Link Disabled src / components / Header.vue // src / components / Header.vue // Nav v-for 적기 // Nav data 적기 // active-class="" 으로 활성화시 클래스명 수정 template> header> Logo /> div class=.. 2024. 4. 24. VUE에 부트스트랩 프레임워크 적용 npm i bootstrap // bootstrap 5버전 설치 src / scss / main.scss 파일 내부의 내용 전부 지우기 // src / scss / main.scss 파일// bootstrap 연결 @import "../../node_modules/bootstrap/scss/bootstrap.scss" src / App.vue 파일에 scss 연결 // src / App.vue template> RouterView />template> // 추가 부분style lang="scss">@import "~/scss/main.scss";style> 부트스트랩 커스터마이즈https://getbootstrap... 2024. 4. 24. 이전 1 2 3 4 ··· 8 다음