Bootstrap 4 - ส่วนประกอบ
คำอธิบาย
Bootstrap 4 ใช้วิธีการรวบรวมเนื้อหาสำหรับการแสดงข้อความบล็อกโค้ดรูปภาพที่ตอบสนองข้อมูลในรูปแบบตารางเป็นต้นบนหน้าเว็บ
ตารางต่อไปนี้แสดงวิธีเนื้อหาที่คุณสามารถใช้เพื่อจัดการ Bootstrap 4 -
| ส. | วิธีการและคำอธิบาย |
|---|---|
| 1 | การแจ้งเตือน ส่วนประกอบการแจ้งเตือนระบุข้อความที่กำหนดไว้ล่วงหน้าสำหรับการดำเนินการของผู้ใช้ |
| 2 | ป้าย ป้ายใช้เพื่อเน้นข้อมูลเพิ่มเติมของเนื้อหา |
| 3 | เบรดครัมบ์ ใช้เพื่อแสดงข้อมูลตามลำดับชั้นสำหรับไซต์ |
| 4 | ปุ่มต่างๆ Bootstrap มีปุ่มที่คลิกได้เพื่อใส่เนื้อหาเช่นข้อความและรูปภาพ |
| 5 | กลุ่มปุ่ม กลุ่มปุ่มช่วยให้สามารถซ้อนปุ่มหลายปุ่มเข้าด้วยกันในบรรทัดเดียว |
| 6 | การ์ด การ์ดเป็นที่เก็บเนื้อหาที่แสดงกล่องที่มีขอบและมีช่องว่างรอบ ๆ |
| 7 | ม้าหมุน Carousel เป็นวิธีที่ยืดหยุ่นและตอบสนองได้ดีในการเพิ่มแถบเลื่อนลงในไซต์ของคุณ |
| 8 | ยุบ ใช้เพื่อแสดงหรือซ่อนเนื้อหา |
| 9 | ดรอปดาวน์ เมนูแบบเลื่อนลงสามารถใช้เพื่อแสดงลิงก์ในรูปแบบรายการ |
| 10 | แบบฟอร์ม องค์ประกอบแบบฟอร์มใช้เพื่อรวบรวมข้อมูลเข้าจากผู้ใช้ |
| 11 | กลุ่มอินพุต การใช้กลุ่มอินพุตคุณสามารถเพิ่มและต่อท้ายข้อความหรือปุ่มกับอินพุตแบบข้อความได้อย่างง่ายดาย |
| 12 | จัมโบตรอน เพิ่มขนาดของหัวเรื่องและเพิ่มระยะขอบจำนวนมากสำหรับเนื้อหาของหน้า Landing Page |
| 13 | กิริยา Modal คือหน้าต่างลูกที่อยู่เหนือหน้าต่างหลัก |
| 14 | Navs Bootstrap มีรายการการนำทางสำหรับไซต์ของคุณในเมนูแนวนอน |
| 15 | Navbar Navbar มีส่วนหัวการนำทางสำหรับแอปพลิเคชันหรือไซต์ของคุณ |
| 16 | เลขหน้า การแบ่งหน้าใช้เพื่อแบ่งเนื้อหาที่เกี่ยวข้องในหลาย ๆ หน้า |
| 17 | ป๊อปโอเวอร์ Popover คล้ายกับคำแนะนำเครื่องมือซึ่งนำเสนอมุมมองแบบขยายพร้อมหัวเรื่อง |
| 18 | ความคืบหน้า แถบความคืบหน้าแสดงความคืบหน้าของกระบวนการที่มีแถบแบบเรียงซ้อนพื้นหลังแบบเคลื่อนไหวและป้ายข้อความ |
| 19 | Scrollspy Scrollspy ใช้เพื่อระบุลิงค์ที่ใช้งานอยู่ในเมนูตามตำแหน่งการเลื่อน |
| 20 | คำแนะนำเครื่องมือ คำแนะนำเครื่องมือมีประโยชน์เมื่อคุณต้องการอธิบายลิงก์ |