สีของ Labels ใน bootstrap มีีอะไรบ้าง

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
jamepiyawat
PHP VIP Members
PHP VIP Members
Posts: 1073
Joined: 21/05/2019 10:45 am

สีของ Labels ใน bootstrap มีีอะไรบ้าง

Postby jamepiyawat » 30/07/2019 5:12 pm

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

สีเทา
Selection_999(188).png
Selection_999(188).png (1.12 KiB) Viewed 97 times

Code: Select all

<span class="label">Default</span>

สีเขียว
Selection_999(189).png
Selection_999(189).png (1.32 KiB) Viewed 97 times

Code: Select all

<span class="label label-success">Success</span>

สีเหลือง
Selection_999(190).png
Selection_999(190).png (1.15 KiB) Viewed 97 times

Code: Select all

<span class="label label-warning">Warning</span>

สีแดง
Selection_999(191).png
Selection_999(191).png (1.26 KiB) Viewed 97 times

Code: Select all

<span class="label label-important">Important</span>

สีฟ้า
Selection_999(192).png
Selection_999(192).png (692 Bytes) Viewed 97 times

Code: Select all

<span class="label label-info">Info</span>

สีดำ
Selection_999(193).png
Selection_999(193).png (1.04 KiB) Viewed 97 times

Code: Select all

<span class="label label-inverse">Inverse</span>

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 6 guests