Bootstrap version 5 มีอะไรแตกต่างจาก version 4 บ้าง

หมวดหมู่ : Bootstrap

อ่าน : 3,405
bootstrap 5
Bootstrap version 5 มีอะไรแตกต่างจาก version 4 บ้าง

เข้าเรื่องกันเลย หลายๆคน เคยใช้ CSS Framework Bootstrap กันมาบ้างแล้ว 
และคงรู้ว่า เราใช้ Bootstrap  version 3 ไปจนถึง 4 มาวันนี้มีการอัปเดทเป็น version 5 แล้วมีอะไรที่ต่างจาก version 4 เดิมบ้างละมาดูกัน


ไม่มี jQuery แล้วนาจา 

ทั้งหมดจะเขียนด้วย Vanilla JS แต่เราก็ยังสามารถใช้ JS Framework อื่นๆได้อยู่ รวมถึง jQuery ด้วยนาจา



ไม่ support IE10 อีกต่อไป 

Supported browsers อะไรบ้างละ ? 




อัพเดทพวก Class และแก้ไข CSS และ JavaScript

เอาแบบว่าล้างของเก่าทิ้งกันเลย





Containers แบบเป็น Responsive แล้วนะ


แล้วจะเรียกใช้ยังไงละ ก็ตามข้างล่างเลย แต่ก็ยังใช้แบบเดิมได้อยู่น่ะ  จากเดิมมี 2 ขนาด (container และ container-fluid)



Responsive 




SVG Icon Library

ใช้ icon แบบ svg แทน font icon ดูได้ที่


Bootstrap 5 Columns & Rows

ออกแบบระบบ Column และ Row ใหม่เพื่อให้โหลดได้เร็วขึ้น และปรับการจัดการ Grid เป็น flexbox และ grid layout

อ่านเพิ่มเติมได้ที่
นี้ https://v5.getbootstrap.com/docs/5.0/getting-started/introduction/