I'm sw engineer!

https://velog.io/@bami/Bootstrap-%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 [Bootstrap] 부트스트랩 시작하기 웹 페이지를 보기좋게 만들기 위해 HTML 요소에 CSS, JavaScript로 다양한 디자인과 기능을 입힙니다. 하지만 CSS가 사실 그렇게 간단하지만은 않아서 CSS로 웹 페이지를 구축하고 나면, 엄청난 코드량 velog.io

버튼그룹으로 만들고 싶은 태그를 부모 div태그로 감싸고 "btn-group" 클래스를 부여하면 된다. 1. button 태그에 적용시킬 때 Left Middle Right 2. a 태그에 적용시킬 때 Active link Link Link https://getbootstrap.com/docs/5.0/components/button-group/ Button group Group a series of buttons together on a single line or stack them in a vertical column. getbootstrap.com

부트스트랩에서 제공하는 그리드 시스템 (Grid System) 은 콘텐츠를 논리적이고 일관성 있는 질서와 구조로 디자인할 수 있도록 돕는 그래픽시스템을 의미한다. 그리드 시스템은 일련의 컨테이너(container), 행(row), 열(column)을 이용하여 콘텐츠를 레이아웃하고 정렬하며 반응형디자인이다. 1. container - container가 감싸고 있는 콘텐츠를 가운데 정렬해준다. - 반응형으로 너비(width)를 지정하려면 ➡ .container - 화면의 100%로 너비(width)를 지정하려면 ➡ .container-fluid 2. row - column을 한줄로 감싸줌. (원래 div는 한줄을 차지하는 태그인데, row로 묶인 div끼리는 한줄안에 위치함.) 3. column - row..