-
Bootstrap หลักสูตร
Bootstrap CSS
- Bootstrap CSS ภาพรวม
- Bootstrap ระบบกริด
- Bootstrap การเรียงพิมพ์
- Bootstrap รหัส
- Bootstrap ตาราง
- Bootstrap ฟอร์ม
- Bootstrap ปุ่มกด
- Bootstrap ภาพ
- Bootstrap ชั้นเสริม
- Bootstrap ยูทิลิตี้ที่ตอบสนองต่อ
Bootstrap ส่วนประกอบเค้าโครง
- Bootstrap ไอคอนแบบอักษร
- Bootstrap เมนูแบบเลื่อนลง
- Bootstrap กลุ่มปุ่ม
- Bootstrap ปุ่มเมนูแบบเลื่อนลง
- Bootstrap กลุ่มกล่องใส่
- Bootstrap องค์ประกอบนำร่อง
- Bootstrap ป้าย
- Bootstrap สวดมนต์
- Bootstrap เพจจิ้ง
- Bootstrap ฉลาก
- Bootstrap สัญลักษณ์
- Bootstrap หน้าจอขนาดใหญ่
- Bootstrap ชื่อหน้า
- Bootstrap รูปขนาดย่อ
- Bootstrap การเตือน
- Bootstrap แถบความคืบหน้า
- Bootstrap วัตถุมัลติมีเดีย
- Bootstrap กลุ่มรายการ
- Bootstrap แผงหน้าปัด
- Bootstrap Wells
Bootstrap วิดเจ็ต
- Bootstrap Plug-สรุป
- Bootstrap ผลการเปลี่ยนแปลง
- Bootstrap กล่อง Modal
- Bootstrap เมนูแบบเลื่อนลง
- Bootstrap จอภาพเลื่อน
- Bootstrap แถบ
- Bootstrap เคล็ดลับเครื่องมือ
- Bootstrap กล่องป๊อปอัพ
- Bootstrap กล่องเตือน
- Bootstrap ปุ่มกด
- Bootstrap พับ
- Bootstrap ม้าหมุน
- Bootstrap นำทางเพิ่มเติม
Bootstrap อื่น ๆ
บทช่วยสอน บูตชั้นเสริม ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ข้อความ,พื้นหลัง,อื่น ๆ,ตัวอย่างเพิ่มเติม,ตัวอย่าง,ตัวอย่าง,ตัวอย่าง,ตัวอย่าง,ตัวอย่าง,ตัวอย่าง,ตัวอย่าง,
บูตชั้นเสริม
บทนี้กล่าวถึงบางส่วนของเงินทุนอาจจะมาในชั้นเรียนผู้ช่วยที่มีประโยชน์
ข้อความ
เรียนที่แตกต่างกันดังต่อไปนี้แสดงสีข้อความที่แตกต่างกัน หากข้อความที่มีการเชื่อมโยงไปเลื่อนเมาส์เหนือข้อความจะถูกจาง:
| หมวดหมู่ | ลักษณะ | ตัวอย่าง |
|---|---|---|
| .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-เท่านั้นดังนั้นฉลากจะปรากฏเฉพาะให้กับผู้อ่านหน้าจอ