ตารางมูลนิธิ - ซ้อนกันในแนวนอน
ตัวอย่างต่อไปนี้จะสร้างระบบกริดพื้นฐานบนเครื่องพีซีและแท็บเล็ตที่ได้รับการปูกระเบื้องในแนวนอนบนโทรศัพท์มือถือและอุปกรณ์ขนาดเล็กอื่น ๆ ที่ซ้อนกันในแนวนอน
ตัวอย่าง
<ระดับ Div = "แถว">
<ระดับ Div = "ขนาด 6 คอลัมน์" style = "พื้นหลังสี: สีเหลือง;">
<p> กวดวิชานี้ </ p>
</ div>
<ระดับ Div = "ขนาด 6 คอลัมน์" style = "สีพื้นหลังสีชมพู;">
<p> กวดวิชานี้ </ p>
</ div>
</ div>
<ระดับ Div = "ขนาด 6 คอลัมน์" style = "พื้นหลังสี: สีเหลือง;">
<p> กวดวิชานี้ </ p>
</ div>
<ระดับ Div = "ขนาด 6 คอลัมน์" style = "สีพื้นหลังสีชมพู;">
<p> กวดวิชานี้ </ p>
</ div>
</ div>
ลอง»
 | เคล็ดลับ: .small|medium|large-* จำนวนชั้นระบุจำนวนคอลัมน์ทอด ดังนั้น .small-1 ทั่วหนึ่ง .small-4 มากกว่า 4, .small-6 ทอดหก (กว้าง 50%) และไม่ชอบ หมายเหตุ: เพื่อให้แน่ใจว่าจำนวนของคอลัมน์เพิ่มขึ้นถึง 12! |
|---|