มีอะไรบ้างใน bootstrap 5
Dr.James
Bootstrap เป็นเฟรมเวิร์ก CSS แบบโอเพนซอร์สที่ให้บริการฟรีสำหรับการพัฒนาเว็บ front-end ที่ตอบสนองได้บนมือถือเป็นอันดับแรก ประกอบด้วยเทมเพลตการออกแบบที่ใช้ CSS และ JavaScript โดยล่าสุด bootstrap ผ่านมาถึงเวอร์ชัน 5 แล้ว เราจะไปดูกันว่ามีอะไรน่าสนในที่เพิ่มเข้ามา
มีไอคอนให้เลือกใช้กว่า 700 ตัว !
ไอคอน Bootstrap 5 ได้รับการออกแบบมาเพื่อทำงานร่วมกับส่วนประกอบต่างๆของ Bootstrap ด้วยความที่มีการปรับเปลี่ยนไอคอนเป็นรูปแบบ SVG ดังนั้นจึงทำงานและปรับขนาดได้เร็วและสามารถจัดสไตล์ด้วย CSS ได้
อ่านรูปแบบและเทคนิคตัวอย่างการเขียน bootstrap 5 ได้ที่นี้ : https://v5.getbootstrap.com/docs/5.0/forms/overview/
ความเปลี่ยนแปลง Bootstrap 5 ที่ไม่มีใน Bootstrap 4
1. ไม่มีการใช้งาน jQuery
2. ไม่ support Internet Explorer เวอร์ชัน 10
3. มีการอัพเดท JavaScript ใหม่ครั้งใหญ่
4. มีการแก้ไข CSS และอัพเดท Class
5. มี Containers แบบ Responsive
6. เปลี่ยนมาใช้ไอคอนแบบ SVG แทน Font
7. ปรับรูปแบบ Grid เป็นแบบ Flexbox และ Grid Layout
8. แก้ไข Sticky Top ให้เป็น Responsive
เพิ่มสีหลากหลายเฉดสี เพื่อรองรับการออกแบบ UI ให้ตรงตามความต้องการ
ติดตามข้อมูลข่าวสารเพิ่มเติมของ Bootstrap 5 ได้ผ่านทางเว็บไซต์
https://blog.getbootstrap.com/