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

ປັບແຕ່ງ

ຮຽນຮູ້ວິທີຈັດຮູບແບບສີສັນ, ປັບແຕ່ງ ແລະຂະຫຍາຍ Bootstrap ດ້ວຍ Sass, ການໂຫຼດຂອງຕົວເລືອກທົ່ວໂລກ, ລະບົບສີທີ່ຂະຫຍາຍກວ້າງ ແລະອື່ນໆອີກ.

ຊາສ ໃຊ້ໄຟລ໌ Sass ແຫຼ່ງຂອງພວກເຮົາເພື່ອໃຊ້ປະໂຫຍດຈາກຕົວແປ, ແຜນທີ່, mixins ແລະຟັງຊັນຕ່າງໆ.
ທາງເລືອກ ປັບແຕ່ງ Bootstrap ດ້ວຍຕົວແປໃນຕົວເພື່ອສະຫຼັບການຕັ້ງຄ່າ CSS ທົ່ວໂລກໄດ້ຢ່າງງ່າຍດາຍ.
ສີ ຮຽນຮູ້ກ່ຽວກັບ ແລະປັບແຕ່ງລະບົບສີທີ່ຮອງຮັບຊຸດເຄື່ອງມືທັງໝົດ.
ອົງປະກອບ ຮຽນຮູ້ວິທີທີ່ພວກເຮົາສ້າງອົງປະກອບເກືອບທັງໝົດຂອງພວກເຮົາຢ່າງຕອບສະໜອງ ແລະດ້ວຍຫ້ອງຮຽນພື້ນຖານ ແລະຕົວແກ້ໄຂ.
ຕົວແປ CSS ໃຊ້ຄຸນສົມບັດທີ່ກໍາຫນົດເອງ CSS ຂອງ Bootstrap ສໍາລັບການອອກແບບແລະການພັດທະນາທີ່ໄວແລະເບິ່ງໄປຂ້າງຫນ້າ.
ເພີ່ມປະສິດທິພາບ ຮັກສາໂຄງການຂອງທ່ານໃຫ້ລຽບ, ຕອບສະຫນອງ, ແລະຮັກສາໄວ້ເພື່ອໃຫ້ທ່ານສາມາດສົ່ງປະສົບການທີ່ດີທີ່ສຸດ.

ພາບລວມ

ມີຫຼາຍວິທີທີ່ຈະປັບແຕ່ງ Bootstrap. ເສັ້ນທາງທີ່ດີທີ່ສຸດຂອງທ່ານສາມາດຂຶ້ນກັບໂຄງການຂອງທ່ານ, ຄວາມສັບສົນຂອງເຄື່ອງມືສ້າງຂອງທ່ານ, ຮຸ່ນຂອງ Bootstrap ທີ່ທ່ານກໍາລັງໃຊ້, ການສະຫນັບສະຫນູນຂອງຕົວທ່ອງເວັບ, ແລະອື່ນໆ.

ສອງ​ວິ​ທີ​ທີ່​ຕ້ອງ​ການ​ຂອງ​ພວກ​ເຮົາ​ແມ່ນ​:

  1. ການນໍາໃຊ້ Bootstrap ຜ່ານຜູ້ຈັດການຊຸດ ເພື່ອໃຫ້ທ່ານສາມາດນໍາໃຊ້ແລະຂະຫຍາຍໄຟລ໌ແຫຼ່ງຂອງພວກເຮົາ.
  2. ການນໍາໃຊ້ໄຟລ໌ການແຈກຢາຍທີ່ລວບລວມຂອງ Bootstrap ຫຼື jsDelivr ເພື່ອໃຫ້ທ່ານສາມາດເພີ່ມໃສ່ຫຼື override ຮູບແບບຂອງ Bootstrap.

ໃນຂະນະທີ່ພວກເຮົາບໍ່ສາມາດເຂົ້າໄປໃນລາຍລະອຽດທີ່ນີ້ກ່ຽວກັບວິທີການໃຊ້ຜູ້ຈັດການຊຸດ, ພວກເຮົາສາມາດໃຫ້ຄໍາແນະນໍາບາງຢ່າງກ່ຽວກັບ ການນໍາໃຊ້ Bootstrap ກັບ Sass compiler ຂອງທ່ານເອງ .

ສໍາລັບຜູ້ທີ່ຕ້ອງການໃຊ້ໄຟລ໌ແຈກຢາຍ, ກວດເບິ່ງ ຫນ້າເລີ່ມຕົ້ນ ສໍາລັບວິທີການລວມເອົາໄຟລ໌ເຫຼົ່ານັ້ນແລະຫນ້າ HTML ຕົວຢ່າງ. ຈາກບ່ອນນັ້ນ, ໃຫ້ປຶກສາກັບເອກະສານສໍາລັບໂຄງຮ່າງ, ອົງປະກອບ, ແລະພຶດຕິກໍາທີ່ເຈົ້າຕ້ອງການໃຊ້.

ໃນຂະນະທີ່ທ່ານຄຸ້ນເຄີຍກັບ Bootstrap, ສືບຕໍ່ຄົ້ນຫາພາກນີ້ສໍາລັບລາຍລະອຽດເພີ່ມເຕີມກ່ຽວກັບວິທີການນໍາໃຊ້ທາງເລືອກທົ່ວໂລກຂອງພວກເຮົາ, ການນໍາໃຊ້ແລະການປ່ຽນແປງລະບົບສີຂອງພວກເຮົາ, ວິທີການທີ່ພວກເຮົາສ້າງອົງປະກອບຂອງພວກເຮົາ, ວິທີການນໍາໃຊ້ບັນຊີລາຍຊື່ທີ່ເພີ່ມຂຶ້ນຂອງພວກເຮົາ CSS custom ຄຸນສົມບັດ, ແລະວິທີການ. ເພື່ອເພີ່ມປະສິດທິພາບລະຫັດຂອງທ່ານໃນເວລາສ້າງດ້ວຍ Bootstrap.

CSPs ແລະ SVGs ທີ່ຝັງໄວ້

Several Bootstrap components include embedded SVGs in our CSS to style components consistently and easily across browsers and devices. For organizations with more strict CSP configurations, we’ve documented all instances of our embedded SVGs (all of which are applied via background-image) so you can more thoroughly review your options.

Based on community conversation, some options for addressing this in your own codebase include replacing the URLs with locally hosted assets, removing the images and using inline images (not possible in all components), and modifying your CSP. Our recommendation is to carefully review your own security policies and decide on the best path forward, if necessary.