09009
[HTML] Bootstrap을 이용하여 레이아웃 잡는 법 본문
Bootstrap을 이용하여 레이아웃 잡는 법
- 항상 row 안에 col이 있어야 된다
- row -> col -> row -> col ... 이 순서대로 이어간다.
- row 안쪽에 col이 들어가야 하고, col 안에 row가 들어가야 한다.
- 컨텐츠(내용)는 항상 col에다가 넣는다 (row는 레이아웃 잡는 용도, col 안쪽에 내용을 첨가한다)
- 버튼을 감싸는 col은 d-grid 옵션을 준다. 하나의 col에는 하나의 button만 넣기
- 내용은 항상 col에 넣는다
- 하나의 row는 12등분이 되어 있다.
- container class로 div 태그 시작하는 것이 좋다. container: 기본 1200px
- div 특성 상 높이는 컨텐츠의 크기만큼 잡힌다.
'Front-End > HTML' 카테고리의 다른 글
[HTML] Bootstrap을 이용하여 게시판 레이아웃 잡기 (0) | 2023.05.09 |
---|---|
[HTML] 시맨틱 태그 (0) | 2023.04.08 |
[HTML] 공간 분할 태그 - div, span (0) | 2023.03.29 |
[HTML] 입력 양식 태그 (0) | 2023.03.29 |
[HTML] 테이블 태그 (0) | 2023.03.29 |
Comments