Bootstrap 시작

Bootstrap 

트위터에서 무료로 배포한 프리, 오픈 소스 

Github에서 두번째로 많은 별을 받은 repository이다. 

 

 

Responsive 

기기에 따라 보여 지는 화면 사이즈가 다르다.

그 화면 사이즈에 맞게 레이아웃이 변하는 것을 말한다.

adaptable layout

 

 

Pre-styled Elements

미리 만들어진 것을 복사 붙여넣기 해서 사용한다. 

 

 

Bootstrap 다운로드 

https://getbootstrap.com/docs/5.0/getting-started/download/

 

다운로드 받으면 dist 파일이 뜨고, 

그 안에 보면 css, js 파일이 있다. 

css 파일에 들어가서 bootstrap.css를 vscode로 열면 

이미 정해놓은 css 효과들을 볼 수 있다. 

거기에 있는 클래스 이름을 html에 넣으면 그 효과가 바로 적용될 것이다.

 

미리 정의해놓은 css 

어떤게 있는지는

Docs -> component -> 원하는 element 찾아보기