8
การปรับแต่งเทมเพลต Bootstrap CSS
ฉันเพิ่งเริ่มใช้ Bootstrap จาก Twitter และฉันสงสัยว่า 'แนวทางปฏิบัติที่ดีที่สุด' สำหรับการปรับแต่งคืออะไร ฉันต้องการพัฒนาระบบที่จะใช้ประโยชน์จากพลังทั้งหมดของเทมเพลต css (Bootstrap หรืออื่น ๆ ) แก้ไขได้อย่างสมบูรณ์ (และง่าย) มีความยั่งยืน (กล่าวคือ - เมื่อ Bootstrap เวอร์ชันถัดไปออกจาก Twitter ฉันจะไม่ '' ต้องเริ่มต้นใหม่ ตัวอย่างเช่นฉันต้องการเพิ่มภาพพื้นหลังในการนำทางด้านบน ดูเหมือนว่าจะมี 3 วิธีในการดำเนินการนี้: ปรับเปลี่ยนคลาส. topbar ใน bootstrap.css ฉันไม่ชอบสิ่งนี้เป็นพิเศษเพราะฉันจะมีรายการ. topbar จำนวนมากและฉันไม่จำเป็นต้องแก้ไขด้วยวิธีเดียวกันทั้งหมด สร้างคลาสใหม่ด้วยภาพพื้นหลังของฉันและใช้ทั้งสองสไตล์ (ใหม่และ bootstrap กับองค์ประกอบของฉัน) สิ่งนี้อาจสร้างความขัดแย้งของรูปแบบซึ่งสามารถหลีกเลี่ยงได้โดยการแยกคลาส. topbar ออกเป็นคลาสแยกจากนั้นใช้เฉพาะส่วนที่คลาสที่กำหนดเองของฉันไม่ได้เหยียบ อีกครั้งสิ่งนี้ต้องใช้งานมากกว่าที่ฉันคิดว่าควรจำเป็นและในขณะที่มีความยืดหยุ่น แต่ก็ไม่อนุญาตให้ฉันอัปเดต bootstrap.css ได้อย่างง่ายดายเมื่อ Twitter ออกงวดถัดไป ใช้ตัวแปรใน. …