반응형
간단하게 Vue 학습하면서 디자인을 편하게 관리하기 위해서 Bootstrap CDN을 적용하면 좋습니다. 나중에는 원하는 것을 찾아서 적용하는 방법을 하기 전에 일단 cdn을 통해서 편하게 적용해 보세요.
Vue 프로젝트 폴더 안에 public 폴더 안에 index.html 파일 안에 cdn 주소를 넣으면 됩니다.
주소를 확인하기 위해서 https://www.bootstrapcdn.com 사이트에 접속해 보세요. Quick Start에 아래 있는 html 부분에 있는 화살표를 누르면 코드를 복사할 수 있어요. link rel 부터 있는 부분을 index.html 부분에 붙여 넣기 하세요.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
반응형
'코딩 프로그래밍 > Javascript 자바스크립트' 카테고리의 다른 글
| Vue 데이터 바인딩 input v-model (0) | 2023.04.03 |
|---|---|
| Vue onClick 함수 사용하기 (0) | 2023.04.03 |
| Vue 함수 (0) | 2023.04.03 |
| Vue 파일 구조 (0) | 2023.04.03 |
| vue 3 구성하기 (0) | 2023.04.03 |
댓글