มูลนิธิกริด - อุปกรณ์ขนาดใหญ่

บทสุดท้ายที่เราแนะนำสัดส่วนของอุปกรณ์ขนาดกลางและการจัดวางอุปกรณ์ตารางขนาดเล็ก, อุปกรณ์ขนาดเล็กสำหรับ 25% / 75% (.small 3 และ .small-9) แต่สัดส่วนของอุปกรณ์ขนาดกลางสำหรับ 50% / 50% (.medium-6 และ .medium-6):

<div class="small-3 medium-6 columns">....</div>
<div class="small-9 medium-6 columns">....</div>

เกี่ยวกับอุปกรณ์ขนาดใหญ่เราขอแนะนำให้อัตราส่วน 33% / 66% ใน

เคล็ดลับ: ขนาดหน้าจอที่มีขนาดใหญ่กว่าความหมายของ 64.0625em อุปกรณ์ที่มีขนาดใหญ่

การใช้งานของอุปกรณ์ขนาดใหญ่ .large-* หมวดหมู่

ตอนนี้เราเพิ่มสองกับอุปกรณ์ขนาดใหญ่:

<div class="small-3 medium-6 large-4 columns">....</div>
<div class="small-9 medium-6 large-8 columns">....</div>

แก้ไข

• สัดส่วนของอุปกรณ์ขนาดเล็กที่มีสองคอลัมน์ของ% 25/75% ( .small-3 และ .small-9 )
• สัดส่วนของอุปกรณ์ขนาดกลางที่มีสองคอลัมน์ของ% 50/50% ( .medium-6 และ .medium-6 )
• สัดส่วนของอุปกรณ์ขนาดใหญ่ที่มีสองคอลัมน์ของ% 33/66% ( .large-4 และ .large-8 )

	หมายเหตุ: เพื่อให้แน่ใจว่าจำนวนของคอลัมน์เพิ่มขึ้นถึง 12!

การใช้งานแน่นในอุปกรณ์ขนาดใหญ่

ตัวอย่างต่อไปนี้เราระบุ .large-6 ชั้น (และไม่ .medium- * .small-* ) นี้บ่งชี้ว่าเป็นสัดส่วนใหญ่ของอุปกรณ์เป็น 50% / 50% แต่ในเครื่องใช้ไฟฟ้าขนาดกลางหรือขนาดเล็กซ้อนกันในแนวนอน (กว้าง 100%):