ตัวอย่างหน้าเว็บด้วย Bootstrap

หน้าเว็บนี้สร้างจาก Bootstrap Components พื้นฐาน

ใช้ Bootstrap Grid ในการจัดวางหน้า ใช้ Utility Classes ช่วยกำหนด spacing สี และ alignment

คุณสมบัติเด่น

ส่วนนี้ใช้ Bootstrap Grid + Card

ใช้คลาสมาตรฐานของ Bootstrap ทำให้หน้าเว็บดูเป็นระเบียบและทันสมัย

อ่านเพิ่มเติม

สามารถแสดงผลได้ดีทั้งบนคอมพิวเตอร์ แท็บเล็ต และโทรศัพท์มือถือ

ดูตัวอย่าง

ลดเวลาการเขียน CSS เอง เพราะ Bootstrap มี component สำเร็จรูปให้ใช้งาน

เริ่มต้น

#	ชื่อ	ตำแหน่ง	สถานะ
1	สมชาย ใจดี	ผู้ดูแลระบบ	Active
2	สมหญิง พัฒนา	นักพัฒนาเว็บ	Pending
3	อนันต์ ทดสอบ	ผู้ใช้งานทั่วไป	Inactive

แบบฟอร์มนี้ใช้ Form controls ของ Bootstrap

ชื่อ-นามสกุล

อีเมล

หัวข้อ

ข้อความ

Check me out

คุณสามารถนำโค้ดตัวอย่างนี้ไปต่อยอดเป็นหน้าเว็บระบบงานนักศึกษา หน้าแสดงข้อมูลสินค้า หน้า dashboard หรือหน้า landing page ได้

โทร: 012-345-6789

อีเมล: contact@example.com

ที่อยู่: นครปฐม ประเทศไทย