ปรับแต่ง

ภาพรวม

มีหลายวิธีในการปรับแต่ง Bootstrap เส้นทางที่ดีที่สุดของคุณอาจขึ้นอยู่กับโปรเจ็กต์ของคุณ ความซับซ้อนของเครื่องมือบิลด์ของคุณ เวอร์ชันของ Bootstrap ที่คุณใช้ การสนับสนุนเบราว์เซอร์ และอื่นๆ

สองวิธีที่เราต้องการคือ:

1. การใช้ Bootstrap ผ่านตัวจัดการแพ็คเกจเพื่อให้คุณสามารถใช้และขยายไฟล์ต้นทางของเราได้
2. ใช้ไฟล์การแจกจ่ายที่คอมไพล์แล้วของ Bootstrap หรือjsDelivrเพื่อให้คุณสามารถเพิ่มหรือแทนที่สไตล์ของ Bootstrap

แม้ว่าเราจะไม่สามารถลงรายละเอียดเกี่ยวกับวิธีใช้ตัวจัดการแพ็คเกจทุกตัวได้ที่นี่ แต่เราสามารถให้คำแนะนำเกี่ยวกับการใช้ Bootstrap กับคอมไพเลอร์ Sass ของคุณเองได้

สำหรับผู้ที่ต้องการใช้ไฟล์การแจกจ่าย ให้ตรวจสอบหน้าเริ่มต้นใช้งานเพื่อดูวิธีรวมไฟล์เหล่านั้นและหน้า HTML ตัวอย่าง จากที่นั่น ให้ศึกษาเอกสารสำหรับเค้าโครง ส่วนประกอบ และลักษณะการทำงานที่คุณต้องการใช้

เมื่อคุณทำความคุ้นเคยกับ Bootstrap แล้ว ให้สำรวจส่วนนี้ต่อไปเพื่อดูรายละเอียดเพิ่มเติมเกี่ยวกับวิธีใช้ตัวเลือกทั่วโลก การใช้ประโยชน์และการเปลี่ยนแปลงระบบสี วิธีสร้างส่วนประกอบ วิธีใช้รายการคุณสมบัติที่กำหนดเอง CSS ที่เพิ่มขึ้น และวิธี เพื่อเพิ่มประสิทธิภาพโค้ดของคุณเมื่อสร้างด้วย Bootstrap

CSP และ SVG แบบฝังตัว

ส่วนประกอบ Bootstrap หลายตัวรวมถึง SVG ที่ฝังอยู่ใน CSS ของเราเพื่อจัดรูปแบบองค์ประกอบอย่างสม่ำเสมอและง่ายดายในเบราว์เซอร์และอุปกรณ์ต่างๆ สำหรับองค์กรที่มีการ กำหนดค่าCSPที่เข้มงวดมากขึ้นเราได้จัดทำเอกสารอินสแตนซ์ทั้งหมดของ SVG แบบฝังของเรา (ซึ่งทั้งหมดนำไปใช้ผ่านbackground-image) เพื่อให้คุณสามารถตรวจสอบตัวเลือกของคุณได้อย่างละเอียดยิ่งขึ้น

• หีบเพลง
• ปุ่มปิด (ใช้ในการแจ้งเตือนและโมดอล)
• ช่องทำเครื่องหมายแบบฟอร์มและปุ่มตัวเลือก
• สวิตช์แบบฟอร์ม
• ไอคอนการตรวจสอบแบบฟอร์ม
• เลือกเมนู
• ตัวควบคุมแบบหมุน
• ปุ่มสลับแถบนำทาง

จากการสนทนาของชุมชนตัวเลือกบางอย่างในการแก้ไขปัญหานี้ใน codebase ของคุณรวมถึงการแทนที่ URL ด้วยเนื้อหาที่โฮสต์ในเครื่อง การลบรูปภาพ และใช้รูปภาพแบบอินไลน์ (ไม่สามารถใช้ได้กับทุกองค์ประกอบ) และการแก้ไข CSP ของคุณ คำแนะนำของเราคือการตรวจสอบนโยบายความปลอดภัยของคุณเองอย่างรอบคอบและตัดสินใจเลือกเส้นทางที่ดีที่สุด หากจำเป็น