무회blog

부트스트랩, 다운하여 , 빠르게 사용해 보기 , 템플릿, 본문

IT

부트스트랩, 다운하여 , 빠르게 사용해 보기 , 템플릿,

최무회 2021. 12. 29. 20:21

 

https://getbootstrap.com/

 

Bootstrap

The most popular HTML, CSS, and JS library in the world.

getbootstrap.com

 

part1 

1, 링크 따라 들어가서 : Get started 보라색 누르기 

2, Starter template 찾아서 아래 html 코드 복사하기 

3, 복사한 html 코드를 필요한 템플릿 html 에 붙혀넣기 

4, <body> 부분의 첫번째 hello world 부분을 수정하여 테스트 해보기 

par2

모두 <body> </body> 안에 코드를 복사 붙혀넣기 함 

head 템플릿 부분 만들기 : , 링크로 다시 올라가서 Docs 클릭 

,  검색창에 navbar 입력: navigationg 사용을 위한거임 

, navbar html 코드를 복사하여 -> 작업파일 <body> 안에 붙혀넣기 

footer 템플릿 부분 만들기 : , footer(밑바닥 코드 붙혀넣기) : 아무 사이트 들어가서 가장 하단 정보를 우클릭 하고 검사 버튼 클릭 

 (클릭후 html 코드 복사후 작업 파일 footer 부분에 붙혀넣기 )  

Comments