ตัวเลือก

ปรับแต่ง Bootstrap อย่างรวดเร็วด้วยตัวแปรในตัวเพื่อสลับการตั้งค่า CSS ทั่วโลกเพื่อควบคุมสไตล์และพฤติกรรมได้อย่างง่ายดาย

ปรับแต่ง Bootstrap ด้วยไฟล์ตัวแปรที่กำหนดเองในตัวของเรา และสลับการตั้งค่า CSS ทั่วโลกได้อย่างง่ายดายด้วย$enable-*ตัวแปร Sass ใหม่ แทนที่ค่าของตัวแปรและคอมไพล์ใหม่npm run testตามต้องการ

คุณสามารถค้นหาและปรับแต่งตัวแปรเหล่านี้สำหรับตัวเลือกส่วนกลางที่สำคัญได้ในscss/_variables.scssไฟล์ ของ Bootstrap

ตัวแปร	ค่านิยม	คำอธิบาย
`$spacer`	`1rem`(ค่าเริ่มต้น) หรือค่าใดๆ > 0	ระบุค่าตัวแบ่งเริ่มต้นเพื่อสร้างยูทิลิตี้ตัวเว้นวรรคโดยทาง โปรแกรม
`$enable-rounded`	`true`(ค่าเริ่มต้น) หรือ`false`	เปิดใช้งาน`border-radius`สไตล์ที่กำหนดไว้ล่วงหน้าในส่วนประกอบต่างๆ
`$enable-shadows`	`true`หรือ`false`(ค่าเริ่มต้น)	เปิดใช้งานรูปแบบการตกแต่งที่กำหนดไว้ล่วงหน้า`box-shadow`บนส่วนประกอบต่างๆ ไม่มีผล`box-shadow`กับสถานะที่ใช้สำหรับสถานะโฟกัส
`$enable-gradients`	`true`หรือ`false`(ค่าเริ่มต้น)	เปิดใช้งานการไล่ระดับสีที่กำหนดไว้ล่วงหน้าผ่าน`background-image`สไตล์บนส่วนประกอบต่างๆ
`$enable-transitions`	`true`(ค่าเริ่มต้น) หรือ`false`	เปิดใช้งาน`transition`s ที่กำหนดไว้ล่วงหน้าบนส่วนประกอบต่างๆ
`$enable-reduced-motion`	`true`(ค่าเริ่มต้น) หรือ`false`	เปิดใช้งานการ`prefers-reduced-motion`สืบค้นข้อมูลสื่อซึ่งจะระงับภาพเคลื่อนไหว/การเปลี่ยนแปลงบางอย่างตามการตั้งค่าเบราว์เซอร์/ระบบปฏิบัติการของผู้ใช้
`$enable-grid-classes`	`true`(ค่าเริ่มต้น) หรือ`false`	เปิดใช้งานการสร้างคลาส CSS สำหรับระบบกริด (เช่น`.row`, `.col-md-1`, ฯลฯ )
`$enable-container-classes`	`true`(ค่าเริ่มต้น) หรือ`false`	เปิดใช้งานการสร้างคลาส CSS สำหรับคอนเทนเนอร์โครงร่าง (ใหม่ใน v5.2.0)
`$enable-caret`	`true`(ค่าเริ่มต้น) หรือ`false`	เปิดใช้งานคาเร็ตองค์ประกอบหลอกบน`.dropdown-toggle`.
`$enable-button-pointers`	`true`(ค่าเริ่มต้น) หรือ`false`	เพิ่มเคอร์เซอร์ "มือ" ให้กับองค์ประกอบปุ่มที่ไม่ปิดใช้งาน
`$enable-rfs`	`true`(ค่าเริ่มต้น) หรือ`false`	ทั่วโลกเปิดใช้งานRFS
`$enable-validation-icons`	`true`(ค่าเริ่มต้น) หรือ`false`	เปิดใช้งาน`background-image`ไอคอนภายในอินพุตที่เป็นข้อความและบางรูปแบบที่กำหนดเองสำหรับสถานะการตรวจสอบ
`$enable-negative-margins`	`true`หรือ`false`(ค่าเริ่มต้น)	เปิดใช้งานการสร้าง ยูทิลิตี้ มาร์ จิ้น ติดลบ
`$enable-deprecation-messages`	`true`(ค่าเริ่มต้น) หรือ`false`	ตั้งค่าให้`false`ซ่อนคำเตือนเมื่อใช้มิกซ์อินและฟังก์ชันที่เลิกใช้แล้วซึ่งวางแผนจะลบ`v6`ใน
`$enable-important-utilities`	`true`(ค่าเริ่มต้น) หรือ`false`	เปิดใช้งาน`!important`ส่วนต่อท้ายในคลาสยูทิลิตี้
`$enable-smooth-scroll`	`true`(ค่าเริ่มต้น) หรือ`false`	ใช้`scroll-behavior: smooth`ทั่วโลก ยกเว้นผู้ใช้ที่ขอลดการเคลื่อนไหวผ่าน`prefers-reduced-motion`การสืบค้นสื่อ