ทำความรู้จักกับชื่อ UI แต่ละตัวของ Bootstrap4

บทความนี้ต่อจาก ทำความรู้จักกับชื่อ UI แต่ละตัวของ Bootstrap3
ซึ่งผมหยิบเอาชื่อและรูปภาพของ Components แต่ละตัว ที่ Bootstrap3 มีให้
แต่บทความนี้จะเพิ่มเติม Components ที่เพิ่มมาใน Bootstrap4 แต่เหมือนเดิม
ผมคัดเฉพาะตัวที่คิดว่าน่าจะมีโอกาสได้หยิบมาใช้งานจริง มาสรุปรวมต่อในบทความนี้ครับ

Spinner Buttons



Colored Progress Bars



Striped Progress Bars




Colored Spinners
Growing Spinners (ไม่มีภาพ)






Breadcrumbs



Cards (ตัวนี้ผมชอบมาก)

Titles, text, and links



Card Images

มีทั้งแบบ ไม่มีลิงค์คลุม Card และมีลิงค์คลุม Card (Stretched Link)



Card Image Overlays


Card Columns



Card Deck


Card Group




Scrolling Modal



Toast


Show and Hide a Toast
คลิกที่ปุ่มแล้วแสดง Toast และหายไปเอง

Float and Clearfix



Justify Content




Source : https://www.w3schools.com/bootstrap4/ (Bootstrap4)