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에 넣으면 그 효과가 바로 적용될 것이다.
어떤게 있는지는
Docs -> component -> 원하는 element 찾아보기
'CSS > Bootstrap' 카테고리의 다른 글
Bootstrap] 슬라이드 (Carousel) 만들기 (0) | 2021.07.20 |
---|---|
Bootstrap] 버튼 만들기 (0) | 2021.07.18 |
Bootstrap] container/ container-fluid (0) | 2021.07.11 |
Bootstrap] 반응형 만들기 Grid Layout system (0) | 2021.07.09 |
Bootstrap] 메뉴바 만들기 (네비게이션바) (0) | 2021.07.08 |
댓글