บูตชั้นเสริม
บทนี้กล่าวถึงบางส่วนของเงินทุนอาจจะมาในชั้นเรียนผู้ช่วยที่มีประโยชน์
ข้อความ
เรียนที่แตกต่างกันดังต่อไปนี้แสดงสีข้อความที่แตกต่างกัน หากข้อความที่มีการเชื่อมโยงไปเลื่อนเมาส์เหนือข้อความจะถูกจาง:
| หมวดหมู่ | ลักษณะ | ตัวอย่าง |
|---|---|---|
| .Text-เงียบ | รูปแบบข้อความ "ข้อความปิดเสียง" หมวดหมู่ | ความพยายาม |
| .Text หลัก | รูปแบบข้อความ "ข้อความหลัก" หมวดหมู่ | ความพยายาม |
| .Text ความสำเร็จ | รูปแบบข้อความข้อความ "ความสำเร็จ" หมวดหมู่ | ความพยายาม |
| .Text-info | รูปแบบข้อความ "ข้อความข้อมูล" หมวดหมู่ | ความพยายาม |
| .Text เตือน | รูปแบบข้อความ "ข้อความเตือน" หมวดหมู่ | ความพยายาม |
| .Text-อันตราย | รูปแบบข้อความ "ข้อความอันตราย" หมวดหมู่ | ความพยายาม |
พื้นหลัง
เรียนที่แตกต่างกันดังต่อไปนี้แสดงให้เห็นสีพื้นหลังที่แตกต่างกัน หากข้อความที่มีการเชื่อมโยงไปเลื่อนเมาส์เหนือข้อความจะถูกจาง:
| หมวดหมู่ | ลักษณะ | ตัวอย่าง |
|---|---|---|
| .bg หลัก | เซลล์ของตารางโดยใช้ "BG-หลัก" หมวดหมู่ | ความพยายาม |
| .bg ความสำเร็จ | เซลล์ของตารางโดยใช้หมวดหมู่ "BG-ประสบความสำเร็จ" | ความพยายาม |
| .bg-info | เซลล์ของตารางโดยใช้หมวดหมู่ "BG-ข้อมูล" | ความพยายาม |
| .bg เตือน | เซลล์ของตารางโดยใช้หมวดหมู่ "BG-เตือน" | ความพยายาม |
| .bg-อันตราย | เซลล์ของตารางโดยใช้หมวดหมู่ "BG-อันตราย" | ความพยายาม |
อื่น ๆ
| หมวดหมู่ | ลักษณะ | ตัวอย่าง |
|---|---|---|
| .pull ซ้าย | องค์ประกอบลอยไปทางซ้าย | ความพยายาม |
| .pull ขวา | องค์ประกอบลอยไปทางด้านขวา | ความพยายาม |
| .center บล็อก | องค์ประกอบที่มีการตั้งค่าการแสดงผล: บล็อกและศูนย์กลาง | ความพยายาม |
| .clearfix | โฟลตใส | ความพยายาม |
| .show | องค์ประกอบที่บังคับใช้จะมีการแสดง | ความพยายาม |
| .hidden | ซ่อนตัวอยู่ในองค์ประกอบภาคบังคับ | ความพยายาม |
| .sr เท่านั้น | นอกเหนือจากการอ่านหน้าจอองค์ประกอบที่ซ่อนอยู่ในอุปกรณ์อื่น ๆ | ความพยายาม |
| .sr-เท่านั้นที่สามารถโฟกัส | ร่วมกับระดับ .sr เท่านั้นปรากฏขึ้นเมื่อองค์ประกอบที่ได้รับโฟกัส (เช่น: การใช้แป้นพิมพ์ของผู้ใช้) | ความพยายาม |
| .Text ซ่อน | องค์ประกอบของหน้าเว็บที่มีข้อความเปลี่ยนพื้นหลัง | ความพยายาม |
| .close | แสดงปุ่มปิด | ความพยายาม |
| .caret | การแสดงผลเมนูแบบเลื่อนลง | ความพยายาม |
ตัวอย่างเพิ่มเติม
ปิดไอคอน
ใช้ไอคอนปิดเรื่องธรรมดาที่จะปิดกล่องกิริยาและการแจ้งเตือนกล่องใช้ระดับใกล้ที่จะได้รับไอคอนใกล้
ตัวอย่าง
ลอง»
ผลมีดังนี้
เครื่องหมายตก
ใช้ลูกศรเพื่อดึงฟังก์ชั่นและทิศทาง ใช้ <span>ด้วยเครื่องหมายตกชั้นจะได้รับคุณลักษณะนี้
ผลมีดังนี้
ลอยได้อย่างรวดเร็ว
คุณสามารถใช้แต่ละชั้นดึงซ้ายดึงขวาหรือองค์ประกอบทางซ้ายหรือขวาลอยตัวอย่างต่อไปนี้แสดงให้เห็นถึงจุดนี้
ตัวอย่าง
ลอง»
ผลมีดังนี้
ในการจัดองค์ประกอบของแถบนำทางให้ใช้.navbar ซ้ายหรือขวา.navbar แทน ดู แถบการนำเงินทุน
เนื้อหาเป็นศูนย์กลาง
ใช้คลาสศูนย์บล็อกไปยังศูนย์องค์ประกอบ
ตัวอย่าง
ลอง»
ผลมีดังนี้
โฟลตใส
เพื่อล้างองค์ประกอบลอยใช้คลาส .clearfix
ตัวอย่าง
ลอง»
ผลมีดังนี้
แสดงและซ่อนเนื้อหา
คุณสามารถบังคับองค์ประกอบเพื่อแสดงหรือซ่อน (รวมถึงการอ่านหน้าจอ)ผ่านการใช้งานของชั้น .show และ .hiddenมา
ตัวอย่าง
ลอง»
ผลมีดังนี้
โปรแกรมอ่านหน้าจอ
คุณสามารถใส่องค์ประกอบทั้งหมดบนอุปกรณ์โดยใช้ระดับที่ซ่อน .sr เท่านั้นนอกเหนือไปจากโปรแกรมอ่านหน้าจอ
ตัวอย่าง
ลอง»
ผลมีดังนี้
ที่นี่เราเห็นสองประเภทของการป้อนข้อมูลแท็กป้ายกับชั้น SR-เท่านั้นดังนั้นฉลากจะปรากฏเฉพาะให้กับผู้อ่านหน้าจอ