CSS สร้าง container ด้วย Bootstrap

CSS สร้าง container ด้วย Bootstrap บทความนี้สอนวิธีการสร้าง div container ด้วย Bootstrap Framework เพื่อสร้าง div สำหรับรองรับการแสดงผลแบบ Grid System ของเว็บไซต์ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS สร้าง container ด้วย Bootstrap

1. ติดตั้ง Bootstrap Framework ผ่าน CDN ด้วยลิงก์ด้านล่าง วางไว้ภายในแท็ก head ของเว็บไซต์

<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">

2. สร้าง Grid ด้วย class container ร่วมกับ row และ col เพื่อแบ่งการแสดงผลเป็น 3 columns ที่หน้าเว็บไซต์

<div class="container">
  <div class="row">
    <div class="col-sm">Column A</div>
    <div class="col-sm">Column B</div>
    <div class="col-sm">Column C</div>
  </div>
</div>