ไอคอนตัวอักษร Glyphicons
base class.glyphicon {position/top/display/font-family/}
คลาสคอนกรีต {เนื้อหา}-ปรากฏบนองค์ประกอบหลอก
จุดสำคัญของการใช้งาน: คลาสพื้นฐาน + คลาสเฉพาะ b เพิ่มช่องว่างระหว่างไอคอนทั่วไปและข้อความ
หมายเหตุ: อย่าผสมกับส่วนประกอบอื่น ๆ ใช้แท็กเดียวโดยทั่วไปใช้ Span เช่น: <span> </span>
ข. แท็กที่ใช้คลาสไอคอนแบบอักษรไม่ควรทำรังหรือมีข้อความอีกต่อไป
เปลี่ยนตำแหน่งของไฟล์แหล่งไอคอนตัวอักษร: ค่าเริ่มต้นสัมพันธ์กับตำแหน่ง CSS และในไดเรกทอรี ../fonts/ หากคุณต้องการเปลี่ยนตำแหน่งให้ปรับเปลี่ยน CSS น้อยลงหรือคอมไพล์
ดึงเมนูป๊อปอัปลงมา
. องค์ประกอบการเอาท์ซอร์ส b. ดึงลงและพลิกขึ้นค. รายการเมนู
องค์ประกอบองค์ประกอบเอาท์ซอร์ส Dropdown/.Dropup {ตำแหน่ง}
ดึงลงและพลิกทริกเกอร์ data-toggle ใช้สำหรับ js hooks สลับการเปิดและการปิดของคลาส Open Element Open
รายการเมนูแบบเลื่อนลงเมนู {ตำแหน่ง/ด้านบน/ซ้าย/z-index/float/padding/margin/border/box-shadow}
เช่น: div> (ปุ่ม+ul) (ค่าเริ่มต้นคือดรอปดาวน์) div สามารถเพิ่ม class.dropdown หรือ dropup หรือเพิ่มสไตล์สัมพัทธ์
<div> <!- คลาสขององค์ประกอบนี้สามารถตั้งค่าเป็น dropdown/ dropup/ หรือตั้งค่าเป็นสไตล์แยกเป็นตำแหน่ง: สัมพัทธ์; -> <!-องค์ประกอบการเอาท์ซอร์ส-> <button data-toggle = "dropdown"> <!-ทริกเกอร์ป๊อปอัพ-> ดรอปดาวน์ <span> </span> </ปุ่ม> <ul> <!-เมนูป๊อปอัพ-> <li> <a href = "#"> แอ็คชั่น </a> </li> <li> ที่นี่ </a> </li> <li> <a href = "#"> ลิงค์คั่นด้วย </a> </li> </ul> </div>
ดึงเมนูป๊อปอัพลง - จัดตำแหน่ง
การจัดตำแหน่งซ้ายเริ่มต้น
การจัดตำแหน่งซ้าย Dropdown-Menu-Left {ขวา/ซ้าย}
จัดตำแหน่งขวา Dropdown-Menu-Right {ขวา/ซ้าย}
องค์ประกอบที่เกิดจากองค์ประกอบอื่น ๆ ล้นถูกบล็อกและจำเป็นต้องได้รับการแก้ไขด้วยตัวเอง
<ul> ... </ul>
ดึงเมนูป๊อปอัป - ชื่อเมนู
title.drop-header {font-size/color}
<ul> ... <li> ส่วนหัวแบบเลื่อนลง </li> ... </ul>
ดึงลงไปที่เส้นแบ่งเมนูป๊อปอัพ
ตัวหาร {ความสูง/ขอบ/พื้นหลังสี}--role = "ตัวคั่น"
<ul> ... <li role = "ตัวแยก"> </li> ... </ul>
เมนูป๊อปอัพแบบเลื่อนลง-ปิดใช้งานเมนู
ปิดใช้งาน {color}
<ul> ... <li> <a href = "#"> ลิงก์ปิดใช้งาน </a> </li> ... </ul>
เนื้อหาข้างต้นเป็นความรู้ที่เกี่ยวข้องขององค์ประกอบ bootstrap ที่แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ!