Bootstrap 5 กำลังจะมา! มีอะไรใหม่บ้างมาดูกัน

bootstrap5 is coming
Share on facebook
Share on twitter
Share on telegram
Bootstrap 5 ใกล้เปิดตัว จะมีอะไรใหม่บ้างนั้น มาดูเดโม่กันครับ

Bootstrap 5 จะมาเมื่อไร?

วันที่จะเปิดตัว Bootstrap 5 อย่างเป็นทางการนั้นยังไม่มีกำหนดที่แน่ชัดนะครับ แต่อ่านจาก Github และ Blog ของทาง Bootstrap แล้ว เห็นว่าจะเปิดตัวในปี 2020 เราก็คงต้องมาติดตามกันต่อไปว่าจะสามารถใช้งาน Bootstrap ตัวใหม่ได้ภายในปีนี้กันหรือเปล่า

ระหว่างที่เรากำลังรอ Bootstrap 5 นั้น เรามาดูกันดีกว่าว่าตัวใหม่ จะมีฟีเจอร์อะไรมาเสริมทัพการใช้งานของเรากันบ้าง

bootstrap5 whats new มีอะไรใหม่บ้างในเวอร์ชั่นใหม่นี้
bootstrap5 whats new มีอะไรใหม่บ้างในเวอร์ชั่นใหม่นี้

ทดลอง Demo ดาวน์โหลด Bootstrap 5

ถ้าใครอยากทดลองใช้งาน Bootstrap 5 ในสไตล์ของ Material design ลองไปโหลดกันได้ใน Github เลยครับ โดยในเวอร์ชั่นนี้นั้นจะมาพร้อมกับไฟล์ที่คลีนมากขึ้นและปราศจาก jQuery ดาวน์โหลดที่นี่

Github

ดู Demo ที่นี่ครับ

หน้าตา Demo bootstrap 5 สไตล์ material design
หน้าตา Demo bootstrap 5 สไตล์ material design

มีอะไรใหม่บ้างใน Boostrap 5

ความเปลี่ยนแปลงของ Bootstrap ในเวอร์ชั่น 5 แตกต่างจากเวอร์ชั่น 4 อย่างไร

  • ไม่มี jQuery อีกต่อไป
  • ไม่ support IE10
  • อัพเดท JavaScript แบบครั้งยิ่งใหญ่ เรียกได้ว่าล้างของเก่า
  • อัพเดท Class และแก้ไข CSS
  • Containers แบบ Responsive
  • ตัวกริดยังคงเป็น 12 columns เหมือนเดิมนะครับ
  • ใช้ icon แบบ svg แทน font icon
  • ปรับการจัดการ Grid เป็น flexbox และ grid layout
  • ปรับตัว Sticky top ให้เป็น responsive

สำหรับ Developer

  • Dropping QUnit
  • Building testing infrastructure in Jasmine
  • Documentation rewritten in Hugo
  • Drop support for Node.js 8

ติดตามข้อมูลข่าวสารของ Bootstrap 5 ได้ทาง https://blog.getbootstrap.com/
สำหรับใครที่ใช้ Bootstrap 4 มาติดตามบทความของแอดได้ที่นี่นะคร้าบ

คู่มือสอนวิธีใช้ Bootstrap 4 ตั้งแต่เริ่มต้น + สิ่งที่ควรรู้ทั้งหมด


Share:

Share on facebook
Facebook
Share on twitter
Twitter
Share on telegram
Telegram

One Response

  1. Pingback: คู่มือสอนวิธีใช้ Bootstrap 4 ตั้งแต่เริ่มต้น + สิ่งที่ควรรู้ทั้งหมด - Designil

Comments are closed.