Devdit
 

class=container คือคำสั่งอะไร ใช้ทำอะไร Bootstrap

2.7K

class=container คือบล็อกพื้นฐานของการสร้าง layout แบบระบบ Grid ของ Bootstrap Framework แนะนำวิธีใช้งานคือ วาง div class=container คลุม layout ของเว็บไซต์ในส่วนที่จะใช้ระบบ Grid สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง class=container คือคำสั่งอะไร ใช้ทำอะไร Bootstrap

<body>
    <div class="container">
        <div class="row">
            <div class="col-4">A</div>
            <div class="col-4">B</div>
            <div class="col-4">C</div>
        </div>
    </div>
</body>

คำอธิบาย

ก่อนที่จะใช้ระบบ Grid ของ Bootstrap แนะนำให้ใช้ class=container คลุม layout ทั้งหมดของเว็บไซต์ หรือส่วนของเว็บไซต์ที่มีการใช้ระบบ Grid คือ class=row ร่วมกับ class=col-* เพื่อให้ layout ของเว็บไซต์รองรับการแสดงผลบนอุปกรณ์ต่างๆ ได้อย่างสมบูรณ์

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ