ข้ามไปที่เนื้อหาหลัก

บทความ

กำลังแสดงโพสต์จาก มิถุนายน, 2021

เขียนเว็บ ด้วย Bootstrap 5 มีอะไรใหม่

  Bootstrap 5 ปัจจุบัน Bootstrap5 เปิดให้ดาวน์โหลดแล้วเรียบร้อยนะครับ เรามาดูกันดีกว่าว่าตัวใหม่ จะมีฟีเจอร์อะไรมาเสริมทัพการใช้งานของเรากันบ้าง ยังคงใช้ระบบ 12 grid เช่นเดิม แต่ปรับการจัดการ grid เป็น flexbox และ grid layout มาพร้อมกับไฟล์ที่คลีนมากขึ้น อัพเดท Javascript ใหม่ทั้งหมด และไม่มีการใช้ jQuery Update class และแก้ไข CSS บางอย่าง มีไอค่อนสวยๆ มากกว่า 700 ไอค่อน เพิ่ม Palette สีหลากหลายเฉดสี เพื่อรองรับการงาน UI ในหลากหลายรูปแบบ เปลี่ยนมาใช้ icon แบบ svg แทน font icon เพิ่มรูปแบบ Form ให้รองรับการใช้งานอีกมากมาย, custom ได้มากกว่าเวอร์ชั่น 4 Sticky top รองรับ responsive ไม่รองรับ IE110 ตัวอย่าง ทำเว็บไซต์ ความเปลี่ยนแปลงของ Bootstrap ในเวอร์ชั่น 5 แตกต่างจากเวอร์ชั่น 4 อย่างไร ไม่มี jQuery อีกต่อไป ไม่ support IE10 อัพเดท JavaScript แบบครั้งยิ่งใหญ่ เรียกได้ว่าล้างของเก่า อัพเดท Class และแก้ไข CSS Containers แบบ Responsive ตัวกริดยังคงเป็น 12 columns เหมือนเดิมนะครับ ใช้ icon แบบ svg แทน font icon ปรับการจัดการ Grid เป็น flexbox และ grid layout ปรับตัว Sticky top ให้เป็น respo