최고의 재단 격자 - 대형 장비 튜토리얼 2024년, 이 튜토리얼에서는 대형 장비에 꽉 사용,를 배울 수 있습니다.
마지막 장에서는 우리는 중간 크기의 장비와 작은 장비 그리드 레이아웃의 25 % / 75 % (.small-3 및 .small-9)를위한 소형 장비의 비율,하지만 중소 장비의 비율에 대한 소개 50 % / 50 % (.medium-6 .medium-6) :
<div class="small-3 medium-6 columns">koko</div> <div class="small-9 medium-6 columns">koko</div>
대규모 설비에서, 우리는 33 % / 66 %의 비율을 추천한다.
팁 : 화면 사이즈가 큰 장비 64.0625em 정의보다 크다.
대형 장비의 사용은 .large-*
카테고리를.
이제 우리는 대규모 설비에 2 추가
<div class="small-3 medium-6 large-4 columns">koko</div> <div class="small-9 medium-6 large-8 columns">koko</div>
.small-3
및 .small-9
) .medium-6
과 .medium-6
) .large-4
및 .large-8
) 참고 : 열 수는 12 개까지 추가 할 수 있도록하기 위해! |
다음 예, 우리는 지정 .large-6
클래스를 (그리고 * .medium-하지 .small-*
). 이는 장비의 큰 비율이 50 % / 50 %임을 나타낸다. 그러나 중간 크기 또는 작은 기기에서 수평 (100 % 폭) 누적 :