Bootstrap 5 สี

สีของข้อความ

Bootstrap 5 มีรูปแบบของโยงความหมายที่แสดงด้วยสีบางตัว

รูปแบบที่เกี่ยวข้องกับสีของข้อความคือ：

  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-body（เป็นสีเดิมของ body/มักจะเป็นสีดำ）
  • .text-light

ตัวอย่าง

ทดสอบด้วยตัวเอง

คุณยังสามารถใช้ .text-black-50 หรือ .text-white-50 เพิ่มอัตราความเปิดในระดับ 50% สำหรับข้อความสีดำหรือสีขาว

ตัวอย่าง

ทดสอบด้วยตัวเอง

สีพื้นหลัง

รูปแบบที่เกี่ยวข้องกับสีพื้นหลังคือ：

  • .bg-primary
  • .bg-success
  • .bg-info
  • .bg-warning
  • .bg-danger
  • .bg-secondary
  • .bg-dark
  • .bg-light

โปรดระวังว่า สีพื้นหลังจะไม่ตั้งค่าสีของข้อความ ดังนั้นในบางขั้นตอน คุณจะต้องใช้ .text-* ใช้รูปแบบ .text-* ร่วมกัน

ตัวอย่าง

ทดสอบด้วยตัวเอง