Page 19 - ธุรกิจดิจิทัลผ่านสื่อสังคมออนไลน์

๙

2.4.5 Text alignment เราใช้ text-align property ในการกำหนดตำแหน่งตัวอักษร

บน HTML document

ภาพที่ 2.13 Text alignment

เว็บไซต์ Bootstrap

Bootstrap คือ Frontend Framework ยี่ห้อหนึ่งที่ช่วยให้เราสามารถสร้างหน้าเว็บให้ตรง
ตามแบบที่เราต้องการได้ง่ายขึ้น เพราะ Bootstrap มีทั้งระบบ grid ที่ช่วยเรื่องการวาง layout
ที่รองรับในแบบ responsive และมี component สำเร็จรูปให้ใช้ ถ้าเราอยากได้ของที่ต้องใช้บ่อย ๆ
แต่ไม่อยากคราฟเองเช่น table card หรือปุ่มสวยๆ bootstrap ก็สามารถช่วยให้เราสร้างขึ้นมา

ได้ง่าย ๆ ตามแบบที่ bootstrap ได้วางไว้อีกด้วย
Bootstrap มีตัวช่วยในเรื่อง components หรือ สิ่งต่างๆ ในเว็บที่เราใช้บ่อยๆ เช่น
ปุ่มสิ่งต่าง ๆ ในแบบฟอร์ม ซึ่งเราสามารถดึงเอา stylesheet ที่ถูกตกแต่งไว้อย่างสวยงามของ
Bootstrap มาใช้ได้ทันทีด้วยการประกาศ class ที่ตรงกันลงไป

.
ระบบ layout แบบ grid
เราสามารถจัดวาง Layout ให้เหมือนกับการสร้างตารางขึ้นมาให้มีรูปแบบ row หรือ
column ตามที่เราต้องการ แล้ววางสิ่งที่เราต้องการแสดงไว้ภายใน ซึ่งเราจะต้องสร้าง div ที่มี class

row ขึ้นมาก่อน แล้ววาง div ที่มี class col ไว้ภายในเปรียบเสมือน แถวและคอลัมน์ในตาราง

ภาพที่ 2.14 class row