Story of CowHacker

부트스트랩 CDN 테마 본문

공부/Web

부트스트랩 CDN 테마

Cow_Hacker 2021. 1. 13. 15:53
728x90

www.bootstrapcdn.com/bootswatch/?theme=11

 

Bootswatch

The recommended CDN for Bootswatch

www.bootstrapcdn.com

 

위 사이트는 부트스트랩 CDN의 테마를 사용할 수 있도록 만든 곳이다.

( 물론 다른 많은 사이트들도 존재한다. )

 

 

 

 

 

 

표시된 곳을 눌러본다.

 

 

 

 

 

 

그럼 HTML 소스코드가 나타나는데 그걸 복사한다.

 

 

 

 

그리고 주석으로 CSS라고 한 곳에 붙여 넣기를 한다.

( 처음에 적은 소스코드는 주석 처리해준다. )

 

 

 

 

** HTML 소스코드 해석 **

 

이 과정은 선택한 테마가 있는 사이트의 css를 불러온다는 것이다.

 

 

 

 

 

 

이제 테마를 눌러본다.

 

 

 

 

 

 

 

 

많은 CSS들이 있는 데 사용하고 싶은 곳에 마우스를 올려두면 <> 모양이 나오는 클릭 한다.

 

 

 

 

 

 

 

그럼 소스코드가 뜨는데 저걸 그대로 자신이 만든 html 소스코드 중 <body>에 넣어준다.

 

 

 

 

 

이렇게 넣어주고 다시 한번 새로고침을 해본다.

 

 

 

 

 

 

 

 

 

 

css가 적용된 걸 볼 수 있다.

 

 

728x90

'공부 > Web' 카테고리의 다른 글

FastAPI 맛보기  (2) 2021.04.03
우분투 Apache2 기본 경로 변경  (0) 2021.01.14
부트스트랩 CDN 사용법  (0) 2021.01.13
PostgreSQL과 PHP의 연동을 통해 회원 가입 및 로그인 하기  (2) 2021.01.11
PHP와 PostgreSQL 연동  (2) 2021.01.05
Comments