Bootstrap : 만들고 싶은 홈페이지 템플릿 가져오기

https://getbootstrap.com/docs/5.1/examples/

Examples

1. bootstrap 공식 홈에서 example 메뉴

2. 내가 만들고 싶은 페이지를 고른다.

3. 우클릭- 페이지소스보기 (또는 ctrl U) 전체 복사

4. 내 index.html에 붙여넣기

5. 주석 부분을 찾아서 boot strap cdn 복붙

 <!-- Bootstrap core CSS --> 

 

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

6. style sheet 재설정하기: 공식홈 example에서 고른 페이지 소스보기에서

 <!-- Custom styles for this template --> 

를 찾아서 css 파일을 ctrl 클릭 하면, style 파일이 뜬다. 그것을 전체 복사하여

7. 내 폴더 css 파일에 붙여넣기 하고, 

8. html에 css 파일 이름을 알맞게 설정 해준다.