프로그래밍/Bootstrap 5

프로그래밍/Bootstrap 5

[ Bootstrap 5 ] 부트스트랩 컴포넌트 살펴보기 (1/2)

본 포스트는 w3school 을 기반으로 작성되었습니다. 개인 필기용으로 작성된 글이므로 난해할 수 있습니다. 부가설명이 필요하다면 언제든지 댓글 달아주세요. 강조 색상 모든 부트스트랩 컴포넌트들에는 강조할 색상을 템플릿으로 만들어 지원해주고 있다. primary success info (하늘색) warning danger secondary dark (어두운색) light (밝은색) background 같은 경우 bg-, text 의 경우 text- 를 앞에 써주고 위에 해당되는 색깔에 따라 강조색상을 입력하면 적용된다. 버튼 말 그대로 요소 내에 클래스로 스타일링할 때 사용되는 컴포넌트이다. 다만 꼭 그렇다고 태그 내에서만 쓰이는 건 아니고, 구현에 따라서는 div 나 span 등 아무 요소 내에 적용..

프로그래밍/Bootstrap 5

[ Bootstrap 5 ] 컨테이너 / 중단점 / 그리드 / 행과 열 / 거터

w3school 부트스트랩 튜토리얼, freecodecamp 부트스트랩 튜토리얼을 기반으로 작성되었습니다. 개인 저장 필기용이나, 잘못된 내용에 대한 지적 환영합니다. 필자는 개발 이야기를 좋아하므로 더더욱 환영합니다. 컨테이너 부트스트랩은 기본적으로 .container 와 .container-fluid 태그에 의존하여 만들어진다. 반응형 웹에 있어서 컨테이너는 이를 지원할 수 있도록 해주는 것들이므로 중요하다. 컨테이너는 내용물 컨텐츠를 중앙에 놓고 가로로 펼치는 방식으로 생성된다. 이때 .container 는 폭이 고정된 div를 생성하고, .container-fluid는 해당 브라우저(디바이스)에 맞춰서 조정된 폭을 갖는 div를 생성한다. 창의 크기에 맞춰서 생성되는 영역은 두개 모두 달라지지만,..

blu3fishez
'프로그래밍/Bootstrap 5' 카테고리의 글 목록