คอลัมน์ออฟเซ็ต:
ในระบบ Bootstrap Grid เราสามารถใช้คอลัมน์ออฟเซ็ตเพื่อให้ได้ผลของการเคลื่อนย้ายคอลัมน์ขวาดังที่แสดงด้านล่าง:
<div> <div> col2 </div> </div>
class = "COL-SM-2 COL-SM-OFTSET-1" หมายความว่าคอลัมน์อยู่สองส่วนและย้ายส่วนหนึ่งไปทางขวา ผลลัพธ์ที่คุณเห็นมีดังนี้:
COL-SM-OFFSET-1 หมายถึงการย้ายหนึ่งสำเนาที่ถูกต้อง COL-SM-OFTSET-2 หมายถึงการเปลี่ยนสำเนาสองชุดที่ถูกต้องและอื่น ๆ คลาส COL-XS ไม่รองรับคอลัมน์ออฟเซ็ต แต่สามารถทำได้โดยเพียงแค่ใช้เซลล์เปล่า
คอลัมน์ซ้อนกัน:
เราสามารถทำรังกริดในเนื้อหาดังนี้:
<div> <div> <div> <div> col </div> <div> col </div> </div> <div> <div> <div> Col3 </div> </div> COL4 </div> </div> </div> </div>
ชั้นนอกเป็นกริดของสองคอลัมน์ในหนึ่งแถวและสองคอลัมน์ คอลัมน์แรกบัญชีสำหรับ 4 ส่วนคอลัมน์ที่สองบัญชีสำหรับ 8 ส่วนและกริดของสองคอลัมน์ในหนึ่งแถวและสองคอลัมน์ซ้อนกันในคอลัมน์แรก คอลัมน์แรกบัญชีสำหรับ 2 ส่วนและคอลัมน์ที่สองบัญชีสำหรับ 10 ส่วน เอฟเฟกต์การแสดงผลมีดังนี้:
ข้างต้นเป็นคำอธิบายแบบเต็มของคอลัมน์ออฟเซ็ตระบบ Bootstrap ที่สี่และคอลัมน์ซ้อนกันที่แนะนำให้คุณรู้จัก ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!