본문 바로가기

bootstrap

부트스트랩 설치와 설정

1. 메모장을 열고

 

 

index.html을 만든다

 

2.

 

 

이렇게 뜨면 index.html로 저장해놓는다

 

3. 부트스트랩 사이트를 들어가서 다운로드

 

 

CSS and JS 다운로드

 

 

4. 파일 하나를 만들고 (나는 인덱스라고 만들었다)

그 안에 index.html와 부트스트랩 안에 있던 css와 js를 넣어준다

 

 

5. 그 뒤 제이쿼리 jquery.com/download/

 

Download jQuery | jQuery

link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download

jquery.com

사이트에서 제일 처음 20.10.05 기준 제이쿼리 3.5.1 다운로드

 

다운로드하면 이런 화면이 나온다

복사한 뒤 jquery.min.js 파일로 만들어준다

 

6. 아까 만든 파일(인덱스) 안 js에 들어가 jquery.min.js를 붙여 넣기 해준다

 

 

7. 메모장을 새로 편집한다

 

 

만들고 저장

 

8. 저장한 뒤 크롬을 켜고 html을 켜본다

 

추가된 코드에 맞춰 실행되는 모습, 성공!

'bootstrap' 카테고리의 다른 글

부트스트랩 템플릿 적용해보기  (0) 2020.10.08