Bulma 칼럼
Bulma 칼럼 (Columns)
불마(Bulma)의 칼럼(grid) 시스템을 소개합니다. columns 컨테이너와 column 요소만 조합하면, 반응형이며 유연한 레이아웃을 아주 간단하게 만들 수 있어요. 아래에서 기초부터 크기, 반응형, 중첩, 간격, 옵션까지 하나씩 살펴볼게요.
출처: 문서
본문
Bulma의 칼럼 시스템은 Flexbox 기반이라 별도의 복잡한 설정 없이도 사용할 수 있어요. 목차는 다음과 같습니다.
- Basics:
columns컨테이너와column요소만으로 균등한 너비의 레이아웃 만들기 - Sizes: 각 칼럼의 크기를 개별적으로 지정하기
- Responsiveness: 브레이크포인트마다 다른 칼럼 레이아웃 처리하기
- Nesting: 칼럼 안에 칼럼을 중첩하기
- Gap: 칼럼 사이의 간격 커스터마이징하기
- Options: 다양한 유형의 칼럼 레이아웃 설계하기