09009

[HTML] Bootstrap을 이용하여 레이아웃 잡는 법 본문

Front-End/HTML
[HTML] Bootstrap을 이용하여 레이아웃 잡는 법
09009

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