본문 바로가기
카테고리 없음

Bootstrap

by 민초닷컴 2022. 7. 12.

.container, container-fluid

 

부트스트랩의 구성요소들은 대부분 class로 사용

 

그리드 시스템

부트스트랩의 행에는 [12개의 유닛]이 들어가있다(공간의 총량이 12유닛)

그리드 시스템을 통해 콘텐츠 배열 (화면 크기에 따라 달라지게 하는 반응형 레이아웃)

그리드를 사용하려면 항상 컨테이너 클래스가 있어야 한다.

행 클래스 필요

col-6, col-4 등으로 공간분배

 

유틸리티

margin(박스 바깥여백) - m

padding(박스 안쪽여백) - p

top - t

bottom- b

left - l

right - r

x, y - x축, y축

 

size - 0(제일작음), 1, 2, 3, 4, 5(제일 큼), auto