ຂ້າມໄປຫາເນື້ອຫາຕົ້ນຕໍ ຂ້າມໄປຫາການນຳທາງເອກະສານ
Check
in English

ທາງເລືອກ

ປັບແຕ່ງ Bootstrap ຢ່າງໄວວາດ້ວຍຕົວແປໃນຕົວເພື່ອສະຫຼັບການຕັ້ງຄ່າ CSS ທົ່ວໂລກໄດ້ຢ່າງງ່າຍດາຍເພື່ອຄວບຄຸມຮູບແບບ ແລະພຶດຕິກໍາ.

ປັບແຕ່ງ Bootstrap ດ້ວຍໄຟລ໌ຕົວແປແບບກຳນົດເອງຂອງພວກເຮົາ ແລະສະຫຼັບການຕັ້ງຄ່າ CSS ທົ່ວໂລກໄດ້ຢ່າງງ່າຍດາຍດ້ວຍ $enable-*ຕົວແປ Sass ໃໝ່. ລົບລ້າງຄ່າຂອງຕົວແປ ແລະປະກອບຄືນໃໝ່ npm run testຕາມຄວາມຕ້ອງການ.

ທ່ານສາມາດຊອກຫາແລະປັບແຕ່ງຕົວແປເຫຼົ່ານີ້ສໍາລັບທາງເລືອກທົ່ວໂລກທີ່ສໍາຄັນໃນໄຟລ໌ຂອງ Bootstrap scss/_variables.scss.

ຕົວແປ ຄຸນຄ່າ ລາຍລະອຽດ
$spacer 1rem(ຄ່າເລີ່ມຕົ້ນ), ຫຼືຄ່າໃດໆ > 0 ລະບຸຄ່າເລີ່ມຕົ້ນຂອງ spacer ເພື່ອສ້າງໂປຣແກຣມ spacer utilities ຂອງພວກເຮົາ .
$enable-rounded true(ຄ່າເລີ່ມຕົ້ນ) ຫຼືfalse ເປີດໃຊ້ border-radiusຮູບແບບທີ່ກຳນົດໄວ້ລ່ວງໜ້າໃນອົງປະກອບຕ່າງໆ.
$enable-shadows trueຫຼື false(ຄ່າເລີ່ມຕົ້ນ) ເປີດໃຊ້ຮູບແບບການຕົກແຕ່ງທີ່ກຳນົດໄວ້ລ່ວງໜ້າ box-shadowໃນອົງປະກອບຕ່າງໆ. ບໍ່ມີຜົນກະທົບ box-shadowທີ່ຖືກນໍາໃຊ້ສໍາລັບລັດຈຸດສຸມ.
$enable-gradients trueຫຼື false(ຄ່າເລີ່ມຕົ້ນ) ເປີດໃຊ້ການ gradients ທີ່ໄດ້ກໍານົດໄວ້ລ່ວງໜ້າຜ່ານ background-imageຮູບແບບຕ່າງໆໃນອົງປະກອບຕ່າງໆ.
$enable-transitions true(ຄ່າເລີ່ມຕົ້ນ) ຫຼືfalse ເປີດໃຊ້ transitions ທີ່ກໍານົດໄວ້ກ່ອນໃນອົງປະກອບຕ່າງໆ.
$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 ເປີດໃຊ້ pseudo element caret ໃນ .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ຊ່ອນຄຳເຕືອນເມື່ອໃຊ້ mixins ແລະຟັງຊັນໃດນຶ່ງທີ່ບໍ່ໄດ້ນຳໃຊ້ແລ້ວ ທີ່ວາງແຜນທີ່ຈະເອົາອອກໃນ v6.
$enable-important-utilities true(ຄ່າເລີ່ມຕົ້ນ) ຫຼືfalse ເປີດໃຊ້ !importantຄຳຕໍ່ທ້າຍໃນຫ້ອງຮຽນຜົນປະໂຫຍດ.
$enable-smooth-scroll true(ຄ່າເລີ່ມຕົ້ນ) ຫຼືfalse ນຳໃຊ້ scroll-behavior: smoothທົ່ວໂລກ, ຍົກເວັ້ນຜູ້ໃຊ້ທີ່ຮ້ອງຂໍໃຫ້ມີການເຄື່ອນໄຫວໜ້ອຍລົງຜ່ານທາງ prefers-reduced-motionສື່