Home บทความทั้งหมด Website มีอะไรบ้างใน bootstrap 5

มีอะไรบ้างใน bootstrap 5

Dr.James

สวัสดีท่านผู้อ่านทุกท่านครับ  ต้องยอมรับนะครับว่าในปัจจุบันนักพัฒนาเว็บไซต์ได้นำ bootstrap มาช่วยในการออกแบบหน้าเว็บไซต์ให้ส่วยและง่ายขึ้น โดยในปัจจุบัน bootstrap เดินทางมาถึงเวอร์ชัน 5 แล้ว ดังนั้นในวันนี้ผมจึงได้ทำการรวบข้อมูลใหม่ๆ ของ Bootstrap 5 ว่าจะมีอะไรใหม่บ้าง เราไปดูกันเลยครับ

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/
2020 © blog.ziidev.com