div class=container คืออะไร ใช้ทำอะไร

div class=container คือ การเรียกใช้ class ชื่อ container กับ div โดยบทความนี้จะกล่าวถึง class container ใน Bootstrap Framework ซึ่ง container ดังกล่าวเป็น class สำหรับจัดการแสดงผลรองรับการปรับขนาดตามขนาดของหน้าจอ โดย class container จะมี 2 แบบ คือ container และ container-fluid โดยมีรายละเอียดดังนี้

ตัวอย่าง ประเภทของ class container ใน Bootstrap

1. container คือ class ที่มีขนาดความกว้างคงที่ และจะปรับตามขนาดของหน้าจอการแสดงผล มีหน่วยเป็น px

2. container-fluid คือ class ที่มีความกว้างเต็มหน้าจอการแสดงผล หรือ width: 100%

ตัวอย่าง การใช้ class container ใน Bootstrap

<div class="container"></div>

กรณีไหนถึงเลือกใช้ class container คำตอบคือ กรณีที่คุณต้องการแสดงเนื้อหาของเว็บไซต์แบบไม่เต็มหน้าจอ 100% แต่ให้ปรับตามขนาดความกว้างของหน้าจอ โดยจะเหลือพื้นที่ฝั่งซ้าย และขวา มีหน่วยการแสดงผลเป็น px (pixels)

ตัวอย่าง การใช้ class container-fluid ใน Bootstrap

<div class="container-fluid"></div>

กรณีไหนถึงเลือกใช้ class container-fluid คำตอบคือ กรณีที่คุณต้องการแสดงเนื้อหาของเว็บไซต์แบบเต็มหน้าจอ 100% ชิดทั้งขอบซ้าย และขวา