관리 메뉴

프론트엔드 정복하기

Grid System 본문

CSS/CSS 프레임워크

Grid System

GROWNFRESH 2020. 6. 16. 13:00

Grid System이란?) 반응형, 유동형 레이아웃을 지원하는 구역 분할 시스템 (총 12분할)

 

-class명 : .col-lg-(1~12)  // 1200px보다 클 때

- .col-md-   // 992px보다 클 때

- .col-sm- // 768px보다 클 때

- .col-xs- // 768px보다 작을 때

 

.col-lg-12 : 꽉 채우겠다.

.col-lg-6 : 절반만 채우겠다.

 

 

'CSS > CSS 프레임워크' 카테고리의 다른 글

Bulma - React에 적용하는 방법  (0) 2021.01.25
bootstrap | 모달 backgdrop (검은배경) 관리  (0) 2020.12.29
min파일 활용 Tip  (0) 2020.06.16
AntDesign  (0) 2020.06.03
React_CSS FRAMEWORK for React.js 종류  (0) 2020.05.21